0

私はSmoothDivScrollを使用していますが、すべてのJSファイルを非同期でロードしようとするまではうまく機能していました。Ryan GroveのLazyload.jsを使用して独自の非同期読み込みパターンを使用していますが、確かに、 Modernizrの読み込み/完全なパターンでもテストして同じ結果が得られました。SmoothDivScrollのホームページのクイックデモ部分のコピーでテストし、Modernizrを追加しました。Modernizrがなければ問題ありませんでしたが、Modernizrとそのロード/完全なパターンをヘッドに追加し、エンドボディタグの前にすべてのJSをコメントアウトすると、機能しなくなりました。右矢印にカーソルを合わせると何も起こりませんが、左矢印にカーソルを合わせると画像がちらつきます。どちらの方法でも同じように機能するはずです。Moderizrブロックは、その下にあるすべてのブロックと同等である必要があります。

    <script type="text/javascript"> 
        Modernizr.load([ {
            load: [
                '//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js',
                '/js/jquery-ui-1.8.23.custom.min.js',
                '/js/jquery.mousewheel.min.js',
                '/js/jquery.kinetic.js',
                '/js/jquery.smoothdivscroll-1.3-min.js'
            ],
            complete: 
                function () {     
                  $(document).ready(function () {
                        $("#makeMeScrollable").smoothDivScroll({
                            mousewheelScrolling: "allDirections",
                            manualContinuousScrolling: true,
                            autoScrollingMode: "onStart"
                        });
                    });
                }
            }
        ]); 
    </script>        

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
    <script src="/js/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
    <script src="/js/jquery.mousewheel.min.js" type="text/javascript"></script>
    <script src="/js/jquery.kinetic.js" type="text/javascript"></script>
    <script src="/js/jquery.smoothdivscroll-1.3-min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#makeMeScrollable").smoothDivScroll({
                mousewheelScrolling: "allDirections",
                manualContinuousScrolling: true,
                autoScrollingMode: "onStart"
            });
        });
    </script>
4

1 に答える 1

0

以下のようにコードセグメントを変更しました

      complete: 
            function () {     
                  $("#makeMeScrollable").smoothDivScroll({
                        mousewheelScrolling: "allDirections",
                        manualContinuousScrolling: true,
                        autoScrollingMode: "onStart"
                  });
            }
        }

ドキュメントは既にブラウザによってロードおよび解析されているため、完了時にレディイベントハンドラをドキュメントにアタッチするModernizrことはできません。

于 2013-01-25T20:26:43.680 に答える