jquery - JQUERY UI 自动完成功能在本地不起作用

Question

我正在我的计算机上本地尝试 jquery UI 自动完成功能。但它根本不起作用。你能建议我任何解决方案吗？

这是我的演示代码：

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
 <script>
 var data = ["Adriana","Alessandra","Behati","Candice","Doutzen","Erin","Gisele",
             "Laetitia","Lily","Lindsay","Marisa","Miranda"];


    $(function() {
        $("#search").autocomplete({
                source:data
        });
    });

    </script>

    Search: <input type="text" id="search" />'

Answer 1

包括这样的脚本：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

不会在本地工作，因为它使用与包含页面相同的协议。在您的情况下，在本地工作，协议是file://，您需要它是http://。

改为这样做：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Answer 2

在本地机器上工作时，使用http://NOT引用任何外部 JavaScript//

如果您使用//该file://协议，则使用该协议。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>