Question

以下是精简源代码：

<html>
    <head>
        <script type="text/javascript" src="/admin/jsi18n/"></script>
        <link href="/media/css/ui-lightness/jquery-ui-1.8.9.custom.css" type="text/css" media="screen" rel="stylesheet" />
        <script type="text/javascript" src="/media/admin/js/core.js"></script>
        <script type="text/javascript" src="/media/admin/js/admin/RelatedObjectLookups.js"></script>
        <script type="text/javascript" src="/media/admin/js/jquery.min.js"></script>
        <script type="text/javascript" src="/media/admin/js/jquery.init.js"></script>
        <script type="text/javascript" src="/media/admin/js/actions.min.js"></script>
        <script type="text/javascript" src="/media/js/jquery-1.4.4.min.js"></script>
        <script type="text/javascript" src="/media/js/jquery.autocomplete.pack.js"></script>
    </head>
    <body> 
        <div>
            <label for="id_postal_code" class="required">Postal code:</label>
            <input type="text" name="postal_code" id="id_postal_code" />
            <script>$('#id_postal_code').autocomplete({source:['one','two','three']});</script>
        </div>
    </body>
</html>

我正在尝试在文本框中键入“o”，但没有任何内容出现。

它将此autocomplete='off'属性和class='ac_input'添加到输入中，因此......它似乎正在初始化，我只是不知道为什么没有出现。

如果我查看firefox中的源代码，每次按键时ac_input都会闪烁，所以每次键入内容时都会设置类，但自动完成永远不会切换到“on” （我猜它应该在某个时候？）。

Answer 1

在

中打电话

$(function() { 
  // your code here... 
});

看起来你的DOM尚未准备就绪。

Answer 2

你初始化jQuery两次 - admin / jquery.min.js和js / jquery-1.4.4.js

尝试修复它。

Answer 3

尝试将{source:['one','two','three']}替换为['one','two','three']。

Answer 4

如果上述解决方案或here都没有解决此问题，请务必检查ul.ui-autocomplete元素的页面标记，然后检查z-index。在我的情况下，插件工作正常，元素定位正确，但z-index需要被提升。

为什么jQuery自动完成没有弹出？

4 个答案: