1

以下のコードを使用して、jscrollpane に新しい矢印を割り当てています。これはすべてのブラウザで正常に動作しますが、ie7/8 ではバグがあります。バグの例はhttp://jsfiddle.net/WzNM4/6/にあります。

下ボタンをクリックし、2 秒間実行したままにしてから上ボタンをクリックすると、テキストが上下にジャンプし始めます。これを引き起こしている原因と、おそらく解決方法を知っていますか?

添付されたコードが jsFiddle と同じではないことはわかっていますが、jsFiddle は Vitch によって作成されたものであり、彼のバージョンでもバグが発生するため、やり直す必要はないと感じました。

これはie7/8でのみ発生します...

前もって感謝します。

    $(function () {

        var api = $('.ThmbsCntnr').jScrollPane().data('jsp');


        $('.FinalArrowLeft').bind('mousedown', function () {
                var interval = setInterval(
                    function () {
                        api.scrollByX(-40);
                    },
                    100
                );
                $(window).bind(
                    'mouseup.jspExample',
                    function () {
                        clearInterval(interval);
                        $(document).unbind('.jspExample');
                    }
                );
       });

       $('.FinalArrowRight').bind('mousedown', function () {
                var interval = setInterval(
                    function () {
                        api.scrollByX(40);
                    },
                    100
                );
                $(window).bind(
                    'mouseup.jspExample',
                    function () {
                        clearInterval(interval);
                        $(document).unbind('.jspExample');
                    }
                );
       });




    });
4

1 に答える 1

0

何が起こっているかというと、mouseupイベントがトリガーされないということです。

IE7 および IE8 でmouseupイベントをバインドすることはできません。window代わりにバインドしdocumentます。

デモ: http://jsfiddle.net/Guffa/WzNM4/44/

于 2011-12-13T07:22:32.970 に答える