jquery - 仅在单击元素后将单击处理程序绑定到正文

Question

我有一个关于 jquery 的非常概念性的问题。我有这个小提琴

http://jsfiddle.net/zvCrN/

我想要做的是：将点击处理程序绑定到链接。单击链接以显示警报。只有在这种情况发生后，才将单击事件处理程序绑定到正文，以便单击正文中的任何位置都会显示不同的警报。

我确定这很微不足道，我只是无法理解它。如何将处理程序绑定到正文，以便它不会在链接点击时触发？

任何帮助表示赞赏，

Answer 1

$("#infolink").click(function(e) {
    e.stopPropagation();
    alert('link')
});

$('body, :not("#infolink")').click(function() {
    alert('body');
});

演示

Answer 2

尝试以下操作：

var link = $('#infolink');
var handler = function (event) {
  link.off('click', handler);
  event.stopPropagation();
  $('body').on('click', function (event) {
    alert('some other message');
  });
  alert('some message');
};
link.on('click', handler);