が凝縮されたソースコードです:なぜjQueryオートコンプリートがポップアップしないのですか?ここで
<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"に切り替わりませんそれはある時点ですべきだと思いますか?)。あなたのDOMはまだ準備ができていないように見えます
$(function() {
// your code here...
});
内
$( '#id_postal_code')は必要ありません。autocomplete({source:['one'、 'two'、 'three']}); $(document).ready()で囲まれていますか? – Gazler
@Gazler:要素の後ろに置く必要はないと思った。要素がロードされていることを確認する必要があります。 – mpen