0

我对javascript的理解太有限了，无法做到这一点。_renderMenu我已经看到通过在这里用另一个 jQuery 插件覆盖解决了这个问题： Limit the result in jQuery Autocomplete but not with the jQuery UI plugin。如何在 jQuery UI 自动完成上使用限制？

在jquery-ui.js 中，我修改了此代码以限制结果，但是我想单独保留库代码并在客户端代码中覆盖它。

_renderMenu: function( ul, items ) {
    var self = this;
    $.each( items, function( index, item ) {
        self._renderItem( ul, item );
    });
}

建议-search.js：

            $("#global-search").autocomplete({
                source: response,
                minLength: 1,
                delay: 100,
                select: function (event, ui) {
                    //bzzz
                }

            }).data( "autocomplete" )._renderItem = function( ul, item ) {

                var imgFilename = item.filename;
                imgFilename = imgFilename.replace(/ /g,"_");

                return $( "<li></li>" )
                    .data( "item.autocomplete", item )
                    .append('<a class="clearfix"><img src="http://localhost/img/' + imgFilename + '" width="40" height="63" />'+
                            '<div class="ac-menu-item"><div><span class="ac-publish-title">' + item.title + '</span></div><div class="faded">'+item.year+'</div></div></a>' )
                    .appendTo(ul);

            }

        }
4

1 回答 1

1

最简单的方法是让您的源回调函数限制它放入返回数组的项目数。

于 2012-07-27T07:37:02.090 回答