javascript - Jquery - 具有多个类元素的 mousedown 函数

Question

我是 Jquery 的 super 新手，所以这可能会很快。我在名为“thumb_resize”的类上有一个 mousedown 函数。我有多个名为 thumb_resize 的 div。因此，第一次调用 mousedown 函数时它运行良好，但当我尝试从另一个元素调用它时它会中断。

如果我给你看，也许会更容易:

http://www.barrylachapelle.com/stuff/new_site/drag_test2.html

如果您捕获其中一个缩略图上的箭头并拖动它，它会炸毁图像。如果你放手，它会动画回到原来的位置。太好了，对此感到高兴。但是，如果您在另一个缩略图上第二次尝试它，它也会为第一个缩略图设置动画。

有什么想法吗？

大家干杯。

Answer 1

这是因为您在每个 mousedown 上将事件处理程序附加到 document，此处:

$(document).mousemove(...);

这很好，但您需要 .unbind()它在你的mouseup事件:

$(this).mouseup(function(){
  $(document).unbind('mousemove');
  mouse_down = false;
  $('.thumb').animate( { height: 115 }, 100);
  $('.thumb').animate( { width: 200 }, 100);
});

Here's a demo with only that change所以你可以看到它在工作:)