2017-01-25 4 views
4

私は、サイト上のフクロウのインストールを持っている - デスクトップモードで完璧に動作しますが、モバイルモードでは、スライドが完全に消えているようです。 ypt.co.il( - dekstopモードで最初に見える大きなメインスライダー下の4つのブロック):フクロウカルーセル応答モードで動作していない

私のサイトがです。任意の入力は感謝

$('.owl-carousel').owlCarousel({ 
     loop:true, 
     margin:27, 
     nav:true, 
     responsive:{ 
      0:{ 
       items:1 
      }, 
      600:{ 
       items:3 
      }, 
      992:{ 
       items:4 
      } 
     } 
    }); 

これはプラグインのコードです!

+0

responsiveClass:true、 – flakerimi

答えて

3

以下の条件のため、カルーセルはモバイルで設定されていません。 は、条件は、デスクトップ、モバイル、真でを与える場合は、res()

if(!$('.toggleMenu').is(':visible')){ 
    res(); 
} 

を呼び出しているあなたの状態を確認してください。そのため、あなたのカルーセルは初期化されていません。

あなたは、モバイルとデスクトップの両方であなたのカルーセルを初期化する必要があるので、あなたは直接pageload後res()を呼び出すことができます。

$(function() { 
    res(); 
}); 

jsファイルを変更してテストしました。

+0

完璧、ありがとうございます! – kneidels

+0

ここではres()は何ですか? – NeosFox

+0

res()は、@kneidelsがフローカルーセルをバインドしている関数です。基本的には$( '。owl-carousel')。owlCarousel({})はres()にあります。彼のウェブサイトをデバッグすることでチェックできます。 –

関連する問題