2

jqueryは初めてなので、関数ウォッチリストにオブジェクトまたは実際に任意のオブジェクトを動的に追加できるかどうか疑問に思っていselectorます(適切な用語はまだわかりません)$(selector).function()

たとえば、モーダルにキャンセル ボタンを動的に追加しました。このボタンの ID はランダムです。$('#closeX', '#mask', '#RANDOM_BUTTON_ID')closeX & mask と同じアクションを実行するために以下に追加する方法はありますか?

$('#closeX, #mask').on('click', function() {
  $('#modalBox').fadeOut(300 , function() {
    $("#mask").css("display", "none");
      // code to remove dynamic button from parent
    });
   return false;
 });
4

1 に答える 1

0

コントロールの id の代わりに、共通クラスを使用してイベントを複数のコントロールに動的に追加できます。共通クラスをすべての既存のコントロールと動的に追加されたコントロールに割り当て、動的に追加onされたコントロールのバインド イベントに使用します。

$('.commonclass')の代わりに使用$('#closeX', #mask', '#RANDOM_BUTTON_ID')

HTML

  <input type="button" id="closeX" class="commonclass" />
  <input type="#mask" id="closeX" class="commonclass" />

Javascript

$('.commonclass').on('click', function() {
  $('#modalBox').fadeOut(300 , function() {
    $("#mask").css("display", "none");
      // code to remove dynamic button from parent
    });
   return false;
 });
于 2012-07-07T06:33:51.370 に答える