jQuery的动态添加一个选择对现有功能的手表对象

Question

是新的jQuery的，我想知道是否可以动态地添加一个selector或任何物体的功能观察名单（不知道正确的任期尚未） $(selector).function()

例如我已经动态地添加一个取消按钮到模态。该按钮的ID是随机的。有没有办法将它添加到$('#closeX', '#mask', '#RANDOM_BUTTON_ID')以执行与closeX &掩码相同的操作？

$('#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; 
});