<a></a>的绑定/取消绑定问题

Question

我有一个锚标记，它位于一个可拖动的UI中，它有一个.click（）函数，如果单击锚点并且鼠标移动超过5个像素，则会触发该函数，表示用户拖动的意图不跟随链接。

我试图把.unbind放在.mouseup中，但是它阻止了.click（）的发射。想法？

以下代码：

$('a').click(function(e){
  var anchorPos = e.pageX - $('#fake').position().left;
  var distance = e.pageX - anchorPos;
  if (Math.abs(distance) > 5) {e.preventDefault();return false;}
});

然后：

$(document).one('mouseup', function () {
  $(document).unbind();
  $('a').unbind();
...

我确定我错过了一些简单的事情......

Answer 1

你试过了吗？

$( ".selector" ).draggable({ cancel: 'button' });

来自：http://jqueryui.com/demos/draggable/#option-cancel