Twitters Typeahead - 在渲染时,循环每个结果

时间:2013-10-29 10:45:52

标签: javascript jquery typeahead.js

我正在使用Twitters Typeahead.js,我一直遇到问题,到处询问,但似乎没有人知道如何修复它。

我只想在呈现Twitter Typeahead.js时循环每个结果,例如:

$('span.tt-suggestions img')。each(function(){// code here});

有人知道解决方法,还是这根本不可能?我一直在尝试各种简单的可能性。

请参阅此处的typehead示例:http://twitter.github.io/typeahead.js/examples/

3 个答案:

答案 0 :(得分:0)

将事件处理程序绑定到typeahead:opened,并在其中执行您的建议:

$('.tt-suggestion').each(...)

答案 1 :(得分:0)

我对Twitters Typeahead知之甚少。

但是在你的例子中,你将jquery .each函数绑定到img元素,但是没有img存在。

所以我认为你应该将.each循环与内部类.tt-suggestion或内部<p>元素绑定。

试试这个:

$('.tt-suggestion').each(function(){ // your code});

$('.tt-suggestions .tt-suggestion').each(function(){ // your code});

$('span.tt-suggestions .tt-suggestion').each(function(){ // your code});

我希望它会帮助你...... !!!

答案 2 :(得分:0)

问题解决了!

解决方案:

        var topbarTypeahead = $('#myInput').typeahead();
        topbarTypeahead.data('ttView').dropdownView.on('suggestionsRendered', function() {
            // suggestions has now been rendered.
            // do whatever you want here.
        });