toggleClassを使ってイベント処理を新しいクラスに更新する

Question

フルタイムのjQueryやJavascriptの開発者ではありません。私はクラスの交換のためのライブ関数のようなものが必要だと思います。セレクタに結びついている値を扱うためです。

<span id="enable-1695" data-id="1695" class="enable-item">enable</span> 

は私がする更新するtoggleClassを使用したいのですが可能-項目：有効にするため

<span id="enable-1695" data-id="1695" class="unenable-item">unenable</span> 

：unenablingため

：

私は基本的にはこのようになりますマークアップを持っていますunenableがクリックされた後。また、ランタイムをこれらの新しい値に更新するセレクタが必要です。私はこれがライブメソッドを介して発生することを使用していたと思います。どのように私はこれを達成するだろう。現在は手動で行っていますが、Javascriptランタイムはイベント処理を正しく更新しません。

正しく動作するようにするにはどのようなJavaScriptを使用しますか？

ヘルプが必要です。まず、おそらく「無効」

THX

Answer 1

は、もっと良い言葉、選択肢ここかもしれないが、我々は文法をnitpickためにここじゃない...

私はあなたが "をクリックしたときと仮定しますunenable 『有効リンク」リンクは、それがために変更する必要があります』：

$('.unenable-item').live('click', function() { 
    $(this) 
     .removeClass('unenable-item') 
     .addClass('enable-item') 
     .text('enable'); 
    doSomethingWith($(this).data('id')); 
}); 
$('.enable-item').live('click', function() { 
    // the inverse of the above 
}); 

ここで、私はちょっと、みかん、それは実際には付着しないことを除いて、.onまたはその非推奨別名.bindのようなものですlive機能を使用しましたイベントハンドセレクタで選択されたオブジェクトに移動します。代わりに、ドキュメントにハンドラを添付し、何かをクリックするたびにセレクタをチェックして、一致するかどうかを確認します。また、よりターゲットを絞った照合に.delegateを使用することもできます。これらの事柄のより良い説明は、ドキュメンテーション（リンク）にあります。