今日、私はJQueryを使い始めました。私はそれを行う方法のthis explanationを見つけた。私は、コードをコピー&ペーストし、それが動作しませんなぜjqueryからの自動補完が機能しないのですか?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" href="http://dev.jquery.com/view/trunk/plugins/autocomplete/demo/main.css" type="text/css" />
<link rel="stylesheet" href="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.css" type="text/css" />
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.bgiframe.min.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.dimensions.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"></script>
<script>
$(document).ready(function(){
var data = "Core Selectors Attributes Traversing Manipulation CSS Events Effects Ajax Utilities".split(" ");
$("#example").autocomplete(data);
});
</script>
</head>
<body>
API Reference: <input id="example" /> (try "C" or "E")
</body>
</html>
:そのページで
私はまた、完全なコードを持っています。以前に言及したページ(JavaScriptがブラウザで有効になっている)で試してみるとうまくいきます。
エラーメッセージがなく、以前のjqueryの経験がないため、この問題を解決する方法を考えなければなりません。誰も私に助けてくれますか?
を追加しました:
私が重要になることが機能を見つけました。上記のコード/ページをロードすると、オートコンプリートは期待通りに機能します!ページをリロードすると、外観が少し変わります(入力フィールドとページの上部の間のスペースが表示されます)、オートコンプリートが機能しなくなります。それはあなたに何かを伝えますか?
を添付してください。私はFirefoxを使用しています。 firebugをインストールします。これは、firefox用の素晴らしいデバッガです。 jQueryを使用する場合は、必ずそれが必要になります。 – simon
うん、私のためにも働く。 –
サーバーの設定に関する詳細情報で問題を正確にデバッグすることはできません。私はあなたがfirebug(http://getfirebug.com/)をインストールし、スクリプトが実行されているかどうかを確認することをお勧めします。 IEはこの種のスクリプトに問題があることが知られています。 –