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

Question

我是Jquery的新手，所以这篇文章可能会很快。我在一个名为"thumb_resize“的类上有一个mousedown函数。我有多个名为thumb_resize的div。因此，在第一次调用mousedown函数时，它工作得很好，但当我试图从另一个元素调用它时，它就会崩溃。

也许我给你看会更简单：

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

如果你抓住其中一个缩略图上的箭头并拖动它，它会放大图像。如果松开它，它会恢复到原来的位置。太好了，我很高兴。但如果您在另一个缩略图上尝试第二次，它也会对第一个缩略图进行动画处理。

有什么想法吗？

干杯。

Answer 1

这是因为您将事件处理程序附加到每个mousedown上的document，如下所示：

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

这很好，但您需要在mouseup事件中对其执行.unbind()操作：

$(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，这样您就可以看到它是如何工作的:)