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>

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

这样做:

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