Question

我有很多图片。单击其中任何一个都会打开PNotify弹出窗口。

PNotify弹出窗口包含一个带有文本字段和“保存”按钮的简单表单。单击该按钮后，它只会向单击的图像添加一段文本。

但是当我按下“保存”按钮时，它会多次附加文本，并且每次点击后都会附加+1，例如先是1，然后是2，然后是4，然后是6等。

$('#pic_wrapper').on('click', '.mark', function(e) {
    var notice = new PNotify({
      ...
    });

    $('#text_form button[name=save]').on('click', function() {
      $('#' + e.target.id).append('<p class="text">' + $.trim(
        $('#input_text').val()) + '</p>');
      notice.remove();
    });
  });

点击似乎多次触发。我怎么能阻止它，每次点击只发一次？

Answer 1

事件处理程序附加了多次，因此您遇到问题。.off()方法删除了附加.on()的事件处理程序。

$('#text_form button[name=save]').off().on('click', function() {
  $('#' + e.target.id).append('<p class="text">' + $.trim($(
    '#input_text').val()) + '</p>');
  notice.remove();
});

jQuery PNotify按钮单击多次激活

1 个答案: