クラス間のjQueryの切り替え

Question

私は以下のjQueryコードを持っています。コードは最初のクリックで機能しますが、もう一度同じ要素をクリックすると、もう一度反対のクラスに切り替わりません。私は間違って何をしていますか？

// enable on click 
$('.disabled').click(function(event) 
{ 
    $(this).removeClass("disabled").addClass("enabled"); 
    $(this).html("enabled"); 
}); 


// disable on click 
$('.enabled').click(function(event) 
{ 
    $(this).removeClass("enabled").addClass("disabled"); 
    $(this).html("disabled"); 
}); 

Answer 1

のいずれかで必ず.link開始はあなたが将来の要素のためのイベントを定義したい場合はliveメソッドを使用する必要があります。さらにリー価格の答えに

// Select all elements which should be affected, attach a click function: 
$(".enabled, .disabled").click(function(){ 
    var $this = $(this); 
    $this.toggleClass("enabled disabled");  // Toggle class 

    var isEnabled = $this.hasClass("enabled"); // Get toggle state 
    if (isEnabled) {       // Example 
     $this.text("enabled"); 
    } else { 
     $this.text("disabled"); 
    } 
}); 

Answer 2

これを試してみてください：

$('.link').click(function(event) 
{ 
    $(this).toggleClass('enabled').toggleClass('disabled') 
}); 

は.enabledまたは.disabled

Answer 3

：

あなたのコードの実際の問題は、作成時にそのあるbind方法が唯一のセレクタ

別の方法と一致し、現在の要素にイベントをアタッチ2つのクリックハンドラのうち、 ".enabled"と ".disabled"は、限られた数の要素に対してのみ存在します。 1つの要素のクラスを変更すると、そのクラスは新しいクラスに属しますが、クリックハンドラはこの新しいクラスの古い要素だけを処理します。

「未来の要素」