16

HTMLページに配置するこのコードの塊を与えられましたが、JavaScriptについて何も知らないので、どこに配置すればよいのか、どのようなタグに配置すればよいのかわかりません.

$('input[type=radio]').change(function() {

$('input[type=radio]').each(function(index) {
  $(this).closest('tr').removeClass('selected');
});

$(this).closest('tr').addClass('selected');
});
4

6 に答える 6

26

jQuery ライブラリを含める

それがjQueryコードです。まず、jQuery ライブラリが読み込まれていることを確認する必要があります。ライブラリ ファイルを自分でホストしていない場合は、jQuery CDNからホットリンクできます。

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

セクション内でこれを行うことができますが<head>、jQuery コードの前にロードされていれば問題ありません。

参考文献：

ページにコードを配置する

<script>タグ内にコードを配置します。<head>または内のどこにでも挿入できます<body>。<input>および<tr>タグの前に配置する場合(コードで参照されているように) $(document).ready()、コードを実行する前にそれらの要素が存在することを確認するために使用する必要があります。

$(document).ready(function() {
    // put your jQuery code here.
});

ページのコンテンツをできるだけ早くロードしたい場合は、</body>できるだけ終了タグの近くに配置することをお勧めします。しかし、もう 1 つの一般的な方法は、すべての JavaScript コードを<head>セクションに配置することです。これは、コーディング スタイルとニーズに基づいて選択できます。

提案: JS/jQuery コードを HTML ページに直接埋め込むのではなく、別の .js ファイルにコードを配置することを検討してください。これにより、他のページで同じコードを再利用できます。

<script src="/path/to/your/code.js"></script>

参考文献：

于 2012-12-11T22:41:09.917 に答える
5

これを script タグでラップする必要があります。

<script type='text/javascript'> ... your code ... </script>

そうは言っても、このコードをいつ実行するかが重要です。フックする HTML 要素の前にこれをページに配置すると、HTML が実際にページにレンダリングされる前にスクリプトが実行されるため、スクリプトは失敗します。

次のように、このタイプのコードを「ドキュメント準備完了」ブロックでラップするのが一般的です。

<script type='text/javascript'>
$(document).ready(function() {

... your code...

}}
</script>

これにより、コードが実行される前にページ全体がブラウザーでレンダリングされます。<head>ページのセクションにコードを配置することもベスト プラクティスです。

于 2012-12-11T22:42:02.523 に答える
1

<head></head>タグ内に追加...

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $('input[type=radio]').change(function() {

    $('input[type=radio]').each(function(index) {
        $(this).closest('tr').removeClass('selected');
    });

        $(this).closest('tr').addClass('selected');
    });
});
</script>

編集: 内の配置は唯一のオプションではありません...これは、終了タグ<head></head>の直前に簡単に配置できます。</body>私は通常head、配置上の理由から JavaScript を の中に配置しようとしますが、場合によってはページのレンダリングが遅くなる可能性があるため、( を閉じる前にbody) 後者のアプローチを推奨する人もいます。

于 2012-12-11T22:40:38.430 に答える
-1

終了 body タグの直前に script タグを使用して JavaScript を含めます。できれば、別のファイルに入れてリンクして、物事をもう少し整理して読みやすくすることをお勧めします。http://www.selftaughtweb.com/how-to-include-javascript/の方法を示す簡単な記事がここにあります。

于 2015-04-03T00:40:15.810 に答える
-5

このコードをタグで囲み、ページの最後に配置する必要があります。または、JS ファイル (test.js など) を作成し、このコードを記述して、ページの最後にこのタグを配置します。

于 2012-12-11T22:42:53.957 に答える