初めてBXsliderがGoogle Chromeに正しく読み込まれず、リフレッシュすると後で正しく読み込まれます

Question

私はこのウェブサイトで複数のBXスライダーを使用していますが、this one からうまく機能しています。あなたが使用しているブラウザでは、this is howスライダはページが再びリフレッシュされるまで終了します お願いします！このページは、これが発生する唯一の場所です。ここでは、スライダスクリプトだ （私は問題なく、あまりにアーキテクチャリンクでbxsliderを使用しています）：

 $(document).ready(function(){ 
     $('.bxslider').bxSlider({ 
     infiniteLoop: false, 
     hideControlOnEnd: true, 
     pager: false 
     }); 
     }); 

Answer 1

画像がスライドにロードされているので、スライド寸法は前にスライダーがインスタンス化されるように思われます正確には検出されません。

読み込まれた画像（http://imagesloaded.desandro.com/）のようなものを使用すると役立ちます。

このようなimagesloaded機能を使用して、コードラップ：スライダーがインスタンス化されるまで、私はまた、それらをフェードイン、その後、CSSの不透明度で画像を非表示にします

$('.bxslider').imagesLoaded(function() { 
    // images have loaded 
    $('.bxslider').bxSlider({ 
    infiniteLoop: false, 
    hideControlOnEnd: true, 
    pager: false 
    }); 
}); 

を。

Answer 2

問題を解決したかどうかはわかりません。同じことが私に起こりました。 私の問題は、私が3.x jQueryを使用したことです。 1.xに切り替わり、すべてが魔法のように働いた。しかし、正確な原因は不明です。あなたのための

1.1： https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js