使追加发生仅在第一次

Question

我有一个名单上的一个按钮，触发此事件：

JS：

$(this).parents('tr') 
     .find('.class') 
     .append("<input type='text' size='5'/>"); 

它可能使这一追加在第一时间刚刚发生的呢？

像一个return false，不知道。

谢谢！

Answer 1

假设此行为发生在click事件上，可以使用one。例如，

$('#my-button').one('click', function(e) { 
    e.preventDefault(); 
    $(this).parents('tr') 
     .find('.class') 
     .append("<input type='text' size='5'/>"); 
}); 

---

编辑：使用 delegate：

var selector = '#my-button', 
    handler = function(e) { 
     // prevent default behavior 
     e.preventDefault(); 
     // make sure this only runs once 
     $(document).undelegate(selector, 'click', handler); 
     // actual behavior 
     $(this).parents('tr') 
      .find('.class') 
      .append("<input type='text' size='5'/>"); 
    }; 
$(document).delegate(selector, 'click', handler); 

Answer 2

尝试one()方法，而不是点击（）。