jQuery PNotify按钮多次单击“被触发”

Question

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

PNotify弹出有一个带有文本字段和保存按钮的简单表单.单击按钮时，它只需向单击的图像添加一段文本即可。

但是，当我按Save按钮时，它会多次追加文本，并附加+ 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

事件处理程序是附加多伙伴时间，因此您面临的问题是.The .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();
});