HTML と jQuery を使用する Web ページを開発しています。最初は、次のようにすべてを同じファイルに入れていました。
<!DOCTYPE html>
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
Here goes my jquery ...
</script>
</head>
<body>
<h1>Subscribe To Categories</h1>
<form>
<input type="checkbox" id="category1">Category1<br>
<input type="checkbox" id="category2">Category2<br>
<input type="checkbox" id="category3">Category3<br>
<input type="checkbox" id="category4">Category4<br>
<input type="checkbox" id="category5">Category5<br><br>
</form>
<button>Click me</button>
</body>
これは、 trivial を使用した単純なチェックボックス ページjQuery
です。ご覧のとおり、私は 2 つのことを行っています
。1) 次の行で jQuery をインポートします。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
タグ内にスクリプトを記述します。
ただし、外部ファイルに and を保持JavaScript
しCSS
て、プロジェクトにインポートするだけでよいことがわかりました。
ファイルを作成し、script.js
その中にすべての jQuery コードを入れました。次に、私のHTMLは次のようになります。
<!DOCTYPE html>
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<link rel='stylesheet' type='text/css' href='stylesheet.css'/>
<script type='text/javascript' src='script.js'></script>
</head>
<body>
<h1>Subscribe To Categories</h1>
<form>
<input type="checkbox" id="category1">Category1<br>
<input type="checkbox" id="category2">Category2<br>
<input type="checkbox" id="category3">Category3<br>
<input type="checkbox" id="category4">Category4<br>
<input type="checkbox" id="category5">Category5<br><br>
</form>
<button>Click me</button>
</body>
</html>
ご覧のとおり、次の行で CSS と jQuery をインポートします。
<link rel='stylesheet' type='text/css' href='stylesheet.css'/>
と
<script type='text/javascript' src='script.js'></script>
しかし、私のjQueryは今は動作しません...何が間違っていますか?