jquery - Jquery関数onclickクラスの追加とクラスの削除

Question

入力タイプのテキストを有効および無効にするjquery関数を実行しています

最初の関数は正常に動作し、a href のクラスを変更しますが、新しいクラスに関連する 2 番目の関数は動作しません

ここに完全なコードがあります

http://jsfiddle.net/RcLgz/1/

Answer 1

私はあなたがあなたの関数に書いておらず、関数removeAttrも使用していないことを見ましたlive

$("a.add").live('click',function () 
{
    $(this).prev("input").css("opacity","1");

    $(this).prev("input").removeAttr("disabled");
    $(this).removeClass("add");
    $(this).addClass("edit");
});

この回答がお役に立てば幸いです。それが機能するかどうかお知らせください。

Answer 2

ハンドラーが変更された DOM クラスに適用されるように、デリゲート イベントを使用する必要があります。

$("div.row").on('click', 'a.add', function () {
    ...
});

$("div.row").on('click', 'a.edit', function() {
    ...
});

ライブデモ

Answer 3

解決策は次のとおりです。

http://jsfiddle.net/RcLgz/2/

jQuery 1.7以降、.live() メソッドは非推奨になりました。.on() を使用して、イベント ハンドラーをアタッチします。

更新されたバージョンは次のとおりです。

http://jsfiddle.net/RcLgz/5/