javascript - スクリプトの初期化

Question

スクリプトを初期化する方法を学ぶ必要があります。私はそれをグーグルで調べましたが、本当に理解していません。

現在、div 内にトグル スクリプトがあり、div 全体が別のページに読み込まれます。トグル スクリプトは機能しますが、読み込まれたときは機能しません。

$(".class").click(function () {
$(this).toggleClass("add_class");
});

誰か時間があれば、このスクリプトを初期化する方法を説明してもらえますか?

ありがとう。

Answer 1

このスクリプトは、document.ready 呼び出し内に配置する必要があります。

例えば。

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

私があなたの質問を誤解していて、あなたが実際に意味していることは次のとおりです。

AJAX 呼び出しでスクリプトを読み込んだ後、どのようにスクリプトを実行しますか。次に、この質問を参照してください: jQuery Ajax Call 後にスクリプトを実行する

Answer 2

要素がページにロードされた後に呼び出していますか?

on()jQuery 1.7以降で使用する必要があります

$(document).on("click", ".class", function () {
    $(this).toggleClass("add_class");
});

構文を維持したい場合は、要素がレンダリングされた後に行うか、document.ready で行う必要があります。

Answer 3

divを取得するためにjquery.ajaxを使用していると思いますか?

その場合、jquery.ajax 呼び出しの成功関数にリスナーを追加できるはずです。

$('#result').load('ajax/test.html', function() {
  $("#result .class").click(function () {
    $(this).toggleClass("add_class");
  });
});

Answer 4

シンプルで最高

$(function(){
    //your code here...
    $(".class").click(function () {
       $(this).toggleClass("add_class");
    });
});