jquery - 使用下一个/上一个按钮自动完成

Question

我正在为触摸屏设备的应用程序创建自动完成文本框 jquery autocomlete 。自动完成中的滚动条不太用户友好，所以我想提供另一个选项。是否可以在自动完成中包含“下一个/上一个”按钮？或者对于这个问题还有其他好的选择吗？

吉萨。

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
     }  
 });

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