0

私は始めて、ラップトップにxamppサーバーをセットアップしました。html5boilerplate-codeigniter コードをダウンロードして xampp サーバーの適切なディレクトリに配置し、Apache に仮想ディレクトリを設定してブラウザから簡単にアクセスできるようにしました。

簡単な jQuery のコードを試してみたかったので (jQuery を使用したことがありません)、codeigniter からビュー ファイルの 1 つを取得し、そのファイルに jQuery チュートリアル コードをいくつか配置しました。私が配置したコードは次のとおりです。

<a href="http://jquery.com/">jQuery</a>
<!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> -->
<script>
$(document).ready(function(){
$("a").click(function(event){
alert("As you can see, the link no longer took you to jquery.com");
event.preventDefault();
});
});
</script>

私の理解では、html5boilerplate は既に jQuery をロードしているため、jQuery への呼び出しをコメントアウトしました。ただし、jQuery リンクをクリックすると、jquery ページに直接移動します。jQuery への呼び出しのコメントを外すと、アラートが表示されます。これは、ボイラープレートが jQuery をロードしていないことを示しています。これは正確ですか?

問題のページのコードはこちら: http://pastebin.com/VfVgbpFY

私は 146 行目 (src=//ajax) を認識しており、http: を src 属性に追加しましたが、結果は同じです... アラートはありません。

jQueryがロードされないという私は何を間違っていますか。ページの読み込みを高速化するために、ボイラープレート テンプレートの最後に配置されています (ドキュメントによると)。

助けてくれてありがとう!感謝しています。

4

1 に答える 1

2

jQuery はページの下部にロードされ、スクリプトはその上のコンテンツ領域にロードされます。使用したのは正しいですが、まだ存在して$(document).ready()$ないため、まだ機能しません。コードを外部ファイルに配置し、jQuery をロードする呼び出しの後にロードする必要があります。

于 2011-10-14T15:34:58.937 に答える