Twitter bootstrap 如何获取基金会框架webapp的搜索建议?

Twitter bootstrap 如何获取基金会框架webapp的搜索建议?,twitter-bootstrap,zurb-foundation,search-suggestion,Twitter Bootstrap,Zurb Foundation,Search Suggestion,如何获取基金会框架webapp的搜索建议? 如果是bootstrap,我可以使用typeahead等,但这是一个基金会框架网站,包含bootstrap js和css会导致与基金会css和js的冲突 如何在基础网站> P>中获得类似于Type前驱的搜索建议,根据此,可以使用jQuery这样的ZURB基金会来实现自动完整搜索: <script> document.write('<script src=' + ('__proto__' in {} ? 'js/vendor

如何获取基金会框架webapp的搜索建议? 如果是bootstrap,我可以使用typeahead等,但这是一个基金会框架网站,包含bootstrap js和css会导致与基金会css和js的冲突

如何在基础网站

> P>中获得类似于Type前驱的搜索建议,根据此,可以使用jQuery这样的ZURB基金会来实现自动完整搜索:

<script>
  document.write('<script src=' +
    ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') + '.js><\/script>')
</script>
<script src="js/foundation.min.js"></script>
HTML:

JS:


另外,请记住Proto.js和Jquery.js回退脚本是绝对关键的。此外,基础.j.js包含jQuery库本身。

当我开始键入时,它显示了建议,但是一旦我选择了建议并提交它,我键入的字符串的一部分只能到后端,而不是从下拉菜单中选择的整个建议。这听起来像是后端问题,不再是前端问题,兄弟。试着为新的问题发布一个新的问题,因为这是一个完全不同的问题:我是一个前端程序员,所以后端问题不在我的掌握范围之内。不是真的,这仍然是一个前端问题。从上述代码发送的文本不是从显示的建议中选择的文本,而是在文本框中键入的文本,而不是选择的wat。所以基本上,你给我的jquery代码在某个地方出了问题,因为它没有提交建议的值,但无论如何,只要试着获得50+左右的代表分数,并为这个问题发布奖励,让更多的人看到它,这意味着有更多的机会找到修复它的方法。
<div class="row">
  <div class="large-12 columns ui-widget">
  <label for="tags">Input Label</label>
  <input id="tags" type="text" placeholder="large-12.columns">
  </div>
</div>
<script>
  $(function() {
    var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme"
    ];
$( "#tags" ).autocomplete({
      source: availableTags
      });
});
</script>