为什么我的警报不止一次显示？

Question

我有这个jQuery代码：

$("div.note a").live("click", function(e) {
    e.preventDefault();
    alert('test');
});

<div id="note_list">

<div class="note">
Text 1
<a href="">X</a>
</div>

<div class="note">
Text 2
<a href="">X</a>
</div>

<div class="note">
Text 3
<a href="">X</a>
</div>

</div>

有人可以告诉我为什么警报显示3次？它适用于Chrome，但不适用于Firefox。

Answer 1

它被称为onetime，在您的情况下，您可以通过e.stopImmediatePropagation();

停止多个事件调用

 $("div.note a").live("click", function(e) {
    e.stopImmediatePropagation();
    e.preventDefault();
    alert('test');
  });

Answer 2

试试这个

$("div.note a").die('click').live("click", function(e) {
    e.preventDefault();
   alert('test');
});