jquery动态地向现有函数添加一个选择器作为监视对象

Question

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

例如，我在模态中动态添加了一个取消按钮。此按钮的id是随机的。是否有方法将其添加到下面的CCD_ 3以执行与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;
 });