防止点击时从其他函数执行js代码

Question

$(document).on('click', '.add-button-prototype', function(){ 
      if ($(this).closest('.collectionContainer').find('input[type="text"]').val() == '') { 
       return false; 
      } 
     }); 

示例1使用给定类为所有新添加的元素捕获点击事件，但不阻止代码的执行。

$('.add-button-prototype').click(function(e){ 
     if ($(this).closest('.collectionContainer').find('input[type="text"]').val() == '') { 
      return false; 
     } 
    }); 

第二个示例仅适用于具有给定类的已加载元素，而不适用于页面初始化后添加的新元素。但它阻止了代码的执行。

如何捕捉同一类的所有元素，旧的和新添加的，并在条件为真时阻止代码的执行;

Answer 1

除此之外return false添加e.preventDefault();

所以，你的代码应该如下：（“添加键式原型”）

$(document).on('click', '.add-button-prototype', function(e){ 
     if ($(this).closest('.collectionContainer').find('input[type="text"]').val() == '') { 
      e.preventDefault(); 
      return false; 
     } 
    });