jquery - Jquery TextAreaは、変更イベントでクラスを追加し、送信時に他の要素を無効にします

Question

keyupイベントのtextareaにクラスを追加しようとしています。イベントは発生していますが、クラスは追加されていません。そのtextareaインスタンスにクラスが存在しない場合は、ここでクラスを追加しようとしています

  $("textarea").live("keyup", function() {
    $("this[class='']").addClass("modified");
      });

送信中に、以下のコードを使用して、クラスが変更されていないコードを無効にします。ただし、これはtextareasを送信していません。したがって、上記のコードにはクラスが追加されていないようです。

$("textarea:not(.modified)").attr("disabled", "disabled");

誰かが私にこのコードの問題を助けてもらえますか？

ありがとう

よろしく

キラン

score 2 · Accepted Answer

そのはず

$("textarea").live("keyup", function(e) {
  $(e.target).addClass("modified");
});

クラスがすでに存在する場合、そのクラスは追加されません。

score 1 · Accepted Answer

2 つの可能性があります。

jQuery でキーワードを使用する場合、this引用符は必要ありません。

私は次のようなものを試してみます:

if ( !($(this.hasClass("modified")) ){

     $(this).addClass("modified");
}

2 番目の問題は、クラスのないオブジェクトにクラスを追加しようとしている可能性があります。そのフィールドに別のクラスが既に存在する可能性はありますか?

score 1 · Accepted Answer

1

  $("textarea").on("keyup", function() {
       $(this).addClass("modified");
  });

于 2012-05-10T14:54:37.117 に答える

score 1 · Accepted Answer

キラン、

これをテストしたところ、キーアップ時にクラスが追加されました。コードの代わりにこれを試して、機能するかどうかを確認してください。

$('textarea').keyup(function() {
    $(this).addClass("modified");
  });

送信時のフォームはどのようになっていますか? コードにデバッガーを投入して、問題が発生$("textarea:not(.modified)").attr("disabled", "disabled");しているかどうかを確認するのにうんざりしていませんか?

4 に答える 4