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 //

引用任何外部javascripts

如果您使用//，则使用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>

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

2 个答案: