0

私はKevinLuckのjScrollPanejQueryプラグインを次のよう に使用しています。jScrollPaneを使用してFacebookScrollableAreaのようにスクロールバーをスタイリングする

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イベントをターゲットにするにはどうすればよいですか?

4

1 に答える 1

0

わかりました、私は自分でやった..これが最善の解決策かどうかはわかりませんが、うまくいきます

$('.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');
});
于 2012-06-15T10:33:11.780 に答える