Question

我正在为触摸屏设备jquery autocomlete的应用程序创建自动填充文本框。自动完成中的滚动条不是那么用户友好所以我想要给出另一个选项。是否可以在自动完成中包含Next / Prev按钮？或者这个问题有其他好的选择吗？

格塔。

Answer 1

据我所知，在jquery自动完成中没有简单的方法来进行分页。由于您不想显示滚动条，因此您可以指定max和scrollHeight属性，以便在没有任何滚动条的情况下显示足够的选项。此处max是它将显示的最大结果数。

$("div.autocomplete").autocomplete('results.aspx',{ 
   max:10;
   scrollHeight:250
});

如果您非常想要分页，为什么不使用Jquery FlexBox。在Flexbox中，您可以非常轻松地实现分页。

 $('div.autocomplete').flexbox('results.aspx', {  
     showArrow: false 
     paging: {  
         pageSize: 10
     }  
 });

由于弹性框默认显示输入框右侧的箭头符号，因此您需要将showArrow设置为false以删除它并使其看起来像自动完成而不是组合框。这里pageSize指定每页的最大结果数。

Answer 2

接受的答案中的FlexBox显然已不再可用。

但是，我确实找到了另一个看起来非常好的选项，并且可以在麻省理工学院许可下使用。