2016-08-31 19 views
0

私のカルーセルにreinitを追加しなければならなかったのは、親セクションが私のフクロウカルーセル(1.3.3)のレイアウトを破ったからです。reinit breaks owl carousel

それは次のようになります。

var target = $($(this).attr('href')); 
event.preventDefault(); 
$(".sectionID").removeClass("active"); 
target.addClass("active"); 
target.find(".service-line").data('owlCarousel').reinit(); 
target.find(".servicetext").data('owlCarousel').reinit(); 

今ではFFとオペラで正常に動作しますが、サファリの上にフクロウカルーセルは、上の最初から壊れています。ウィンドウのサイズを変更した後、すべてがうまく見えます。しかし、それは解決策ではありません。

私は何人かの人々がトランジションに問題があったし、次の解決策を考え出した:

support3d = (asSupport !== null && asSupport.length >= 1 && asSupport.length <= 2); 

これは交換してくださいです。それがうまくいかなかったので、言いたいことがあります。だから、推移はここに何も影響していないと思います。 Owl carousel breaks

があります:

私は再初期化を削除すると、それが正常に動作しますが、その後、私は再初期化を追加することによって解決された、再び同じ問題を抱えている...

この問題を参照してください。サファリのためだけにreinitを取り出す可能性はありますか?それは汚い解決策になるでしょう。誰もが良い方を知っている場合、私は何のために開いています....

答えて

0

私はサファリをadressing動作するように、このコードスニペットを見つけました:

私の問題を解決し
var d = navigator.userAgent.toLowerCase(), 
isSafari = (~d.indexOf("safari") && !~d.indexOf("chrome")); 

if(isSafari) { 
// do something for safari only 
}else{ 
// don't 
} 

...

関連する問題