javascript - 如何删除 $(document).on 点击​​事件？

Question

这是添加事件的代码

   $(document).on({
      click: function() {
        $(this).hide();
        $('#form_name').removeClass('hide');
        $('#form_template_name')
          .attr('placeholder', $(this).text())
          .focus();
      }         
    }, '.form-template-name');

在某些情况下，我不希望触发此事件。所以我尝试的是

$('.form-template-name').off();
$('.form-template-name').unbind();

但似乎没有任何效果。我错过了什么吗？

Answer 1

您需要将事件传递给 .off()，另请参阅命名空间事件名称的使用

$(document).on({
    'click.myevent': function () {
        $(this).hide();
        $('#form_name').removeClass('hide');
        $('#form_template_name')
            .attr('placeholder', $(this).text())
            .focus();
    }
}, '.form-template-name');

和

$(document).off('click.myevent', '.form-template-name');

演示:Fiddle