jquery ui：可拖动 ->如果拖动取消绑定悬停事件？

Question

我有一个相当奇怪的问题，应该修复我当前项目中的错误。我正在处理网页上随机放置的许多缩略图。所有拇指都有一个绝对位置。 这个拇指对 jquery 设置的悬停做出反应：

$(".thumb").hover(
  function () {
    $(this).stop().animate({"height": full}, "fast");
    $(this).css('z-index', z);
    z++;        
  },
  function () {
    $(this).stop().animate({"height": small}, "fast");
  }

因此悬停时它们会调整到特定高度。 此外，所有这些拇指都可以通过 jquery ui-draggable 插件进行拖动。

我想知道如果当前拖动了拇指，是否可以解除这些拇指的悬停绑定！

$( ".thumb" ).bind( "dragstart", function() {
      //$(this).draggable( "disable" );
      $(this).unbind('mouseenter mouseleave');
    });
    $( ".thumb" ).bind( "dragstop", function() {
        //$(this).draggable( "enable" );
        $(this).bind('mouseenter mouseleave');
    });

目前这不起作用。如果我当前正在拖动拇指，我只想禁用悬停事件。在 Dragstop 上，悬停应该再次起作用。

知道我该如何解决这个问题吗？谢谢

Answer 1

mousedown 和 mouseup 怎么样。

$( ".thumb" ).bind( "mousedown", function() {
  //$(this).draggable( "disable" );
  $(this).unbind('mouseenter mouseleave');
});
$( ".thumb" ).bind( "mouseup", function() {
    //$(this).draggable( "enable" );
    $(this).bind('mouseenter mouseleave');
});

虽然我不确定你解除绑定的目的。可能还有另一种方法。无论如何，mousedown 和 mouseup 应该触发拖动的开始和停止。

请记住，如果用户进行正常的点击，则处理程序每​​次都会被绑定和解除绑定。

Answer 2

目的是，如果我将一个缩略图非常快地拖动到另一个缩略图上，鼠标就会离开当前缩略图，并触发另一个缩略图的悬停。这实际上是一个相当有问题的效果。所以我想知道如何解决这个问题！

我的网站的用户界面是这样工作的：如果我滚动缩略图，它会分层在顶部（z-index++），缩略图会调整大小一点，并且可以拖动。因此，目前，如果我的网页上随机出现 10 个拇指，并且我将它们拖动得非常快，那么它可以正常工作，但不知怎的，感觉有点错误，因为如果我拖动图像太快，则拖动的图像不会真正跟随鼠标的速度 - 因此会触发悬停。因此，我想禁用除当前拖动的之外的所有拇指设置的所有内容（悬停事件和拖动能力）。我知道听起来很复杂！ ；）也许有人明白了！