JS-jQuery : jScrollPane stopDrag 이벤트를 대상으로 지정하는 방법은 무엇입니까?

Question

나는 케빈 행운의 JScrollPane의 jQuery를 이런 식으로 플러그인을 사용하고 있습니다 : FB가하는 정도로 Styling Scrollbar to Look Like Facebook ScrollableArea Using jScrollPane

나는 같은 효과를 얻을 수있다. 핸들을 드래그하여 창 밖으로 나올 때 스크롤 막대가 사라지는 것을 제외하고는 모두 정상적으로 작동합니다.

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

이가있는 동안 핸들을 숨기고 방지 할 수 :

문제는

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

그래서 난 이런 짓을 ... 떠날 때 그 핸들을 숨길해야하는 MouseLeave 이벤트에 끌기를 멈 추면 사라지는 문제는 ...

어떻게 handle에 대해 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'); 
}); 

를 작동