Question

我正在使用typehead.js国家/地区v.2示例： http://www.runningcoder.org/jquerytypeahead/demo/

当用户键入三个或更多字符并按Enter键时，应在列表上选择与字符匹配的第一项。然后应根据该搜索关键字将用户重定向到该URL 。

使用下拉提示功能，如果用户单击下拉提示国家/地区，则用户将重定向到另一个网址。

如果从列表中找不到匹配的关键字，则应将用户重定向到另一个URL。

我尝试了这段代码，但是没有用： Pressing enter key doesn't search

><head>
>    <link rel="stylesheet" href="src/jquery.typeahead.css">

>    <script src="src/jquery-2.1.0.min.js"></script>
>    <!--script src="../dist/jquery.typeahead.min.js"></script-->
>    <script src="src/jquery.typeahead.js"></script>
    ><script src="src/bloodhound.js"></script>
></head>

这是表格：

><form>
>   <div class="typeahead__container"><div class="typeahead__field"><div >class="typeahead__query"><input class="js-typeahead" name="q" >type="search" autofocus autocomplete="on"></div><div >class="typeahead__button"><button type="submit"><span >class="typeahead__search-icon"></span></button></div></div>
>   </div>
>   </form>

我更改的最后一部分不显示窗口警告“您将被重定向到URL”（请参见runningcoder示例）：

  hint: true,
               dropdownFilter: "Categories",
                href: "https://en.wikipedia.org/wiki/{{display}}",
                template: "{{display}}, <small><em>{{group}}</em></small>",
               emptyTemplate: "no result for {{query}}",
                source: {
                   country: {
                        data: data.countries                },
                    capital: {
                        data: data.capitals
                    }
                },
               callback: {
                   onClickAfter: function () {
                this.hideLayout();
                 },
                    onResult: function () {
                this.hideLayout();
                }
               },
              debug: true

谢谢

Typehead.js：使用Enter键进行搜索，然后选择列表中的第一项

0 个答案: