【问题标题】:Categorized results – jQuery autocomplete plugin分类结果 - jQuery 自动完成插件
【发布时间】:2010-12-17 04:59:50
【问题描述】:

我正在寻找一个可以轻松对搜索结果进行分类的自动完成插件。如果不清楚,请查看 Apple.com 的搜索栏(右上角)。

我知道 script.aculo.us 的自动完成小部件提供了类似的功能,它允许您将文本包装在 [span class="informal"] 中。每个 class="informal" 元素都不包含在键盘导航中。

由于我对在这个项目中包含两个不同的框架并不太兴奋,如果有人能告诉我如何继续修改 jQuery 的众多自动完成插件之一以模仿此功能,我会很高兴.

谢谢,期待您的回答!

【问题讨论】:

    标签: jquery jquery-ui jquery-plugins autocomplete scriptaculous


    【解决方案1】:

    我建议你试试jQuery autocomplete。有了它,您可以以各种方式格式化结果。例如,你的函数的输出应该看起来像“url|linkname|third var”,这样你就可以自己格式化结果了。

      function formatItem(row) {
        if (row[2] == 1)      
        {
          return (<strong>id: " + row[1] + "</strong>)";
        }
        else
        {
          return '<a href="'+row[0]+'"'>'+row[1]+'</a>';
        }
      }
    

    【讨论】:

    • 您好,感谢您的快速回复!这会确保键盘导航跳过 STRONG 元素,而只将焦点放在链接上吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-06-19
    • 2011-01-04
    • 1970-01-01
    • 1970-01-01
    • 2012-07-31
    • 2011-02-13
    相关资源
    最近更新 更多