Question

是jquery的新手，我想知道是否可以动态地将selector或任何对象添加到函数监视列表中（还不知道正确的术语）$(selector).function()

例如，我已经为模态动态添加了取消按钮。此按钮的ID是随机的。有没有办法将其添加到下面的$('#closeX', '#mask', '#RANDOM_BUTTON_ID')以执行与closeX和amp;相同的操作面膜

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

Answer 1

您可以使用公共类将事件动态添加到多个控件而不是控件的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;
 });

jquery动态地将选择器添加到现有函数作为监视对象

1 个答案: