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

Question

我使用凱文運氣的JScrollPane的jQuery插件這種方式： Styling Scrollbar to Look Like Facebook ScrollableArea Using jScrollPane

讓我得到相同的效果，FB做。它一切正常，除了當我拖動手柄並移出窗格時，滾動條消失。

的問題是在鼠標離開時，留下時應隱藏把手......

$('.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'); 
});