Flexslider僅在我旋轉手機時才起作用

在我的網站（https://www.shopez.in）的主頁上，flexslider僅在旋轉手機（水平位置）時才起作用。在正常的垂直位置它不起作用。我正在使用jquery.flexslider.js jquery。在Firefox和其他桌面瀏覽器中，它完美運行。這個問題發生在ios/Android手機上Flexslider僅在我旋轉手機時才起作用

<script type="text/javascript">// <![CDATA[ 
jQuery.noConflict(); 
jQuery(window).load(function() { 
jQuery('.flexslider').flexslider({ 
     animation: "fade" 
}); 
}); 
// ]]></script> 
<div class="flexslider"> 
    <ul class="slides"> 
    <li><img src="{{media url='wysiwyg/Banner01.jpg'}}" alt="" /></li> 
    <li><img src="{{media url='wysiwyg/organic_honey_big.jpg'}}" alt="" />  </li> 
    </ul> 
</div>

有人可以幫我嗎？驅使我瘋了，因爲jquery運行正常我猜。重擊我的頭1個月後

來源

2015-11-09 coderatlarge

好，我意識到，罪魁禍首是這是防止在縱向模式滑塊一個完全無關的CSS文件

@media screen and (max-width: 500px) { 
     -webkit-transform:none;}

設置。在橫向模式下，視口寬度大於500像素，因此滑塊工作正常。我確信我錯過了防止這種事情的最佳做法。

來源

2016-01-04 15:04:14 coderatlarge

未來，也許可以嘗試通過使用瀏覽器開發人員工具模擬移動設備來調試此類問題。 –

我確實使用Mozilla的頭文件來模擬移動設備，但在那裏工作得很好。對其他模擬器有什麼建議？ – coderatlarge

Flexslider僅在我旋轉手機時才起作用

回答

相關問題