jquery - JS-jQuery：jScrollPane 如何定位 stopDrag 事件？

Question

我以这种方式使用 Kevin Luck 的 jScrollPane jQuery 插件： 使用 jScrollPane 将滚动条设置为看起来像 Facebook ScrollableArea

这样我就能得到和 FB 一样的效果。一切正常，除了当我拖动手柄并移出窗格时，滚动条消失。

问题出在mouseleave事件中，离开时应该隐藏句柄......

$('.jspDrag').hide();
$('.jspScrollable').mouseenter(function(){
    $(this).find('.jspDrag').stop(true, true).fadeIn('slow');
});
$('.jspScrollable').mouseleave(function(){
    $(this).find('.jspDrag').stop(true, true).fadeOut('slow');
});

所以我这样做了：

$('.jspScrollable').mouseleave(function(){
    var $el = $(this).find('.jspDrag');
    if($el.hasClass('jspActive')) return;
    $el.stop(true, true).fadeOut('slow');
});

这将防止在拖动时隐藏手柄，问题是，在我停止拖动后它不会消失......

如何针对句柄定位 stopDrag 事件？

Answer 1

好的，我自己做了。我不知道这是否是最好的解决方案，但它有效

$('.jspScrollable').mouseleave(function(){
    var $el = $(this).find('.jspDrag');
    $('html').bind('mouseup.jsp', function(){
        $el.hide();
    });
    if($el.hasClass('jspActive')) return;
    $el.stop(true, true).fadeOut('slow');
});