javascript - 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(...);

这很好，但你需要.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这样你就可以看到它工作了:)