0

iPodとiPhone(4、4S、おそらく5)に問題があるようです。FlexSliderを利用した自動スクロールスライドショーがあります。メニュー(div)を表示および非表示にするトグルトリガーがあります。メニューを開いてトグルすると、スライドショーが自動的に次の画像にスクロールしてメニューが閉じます。私のAndroidフォン(Android OS 4.1)では、完全に正常に動作しているようです。

iDevicesでJavascriptに問題があるようです。これは正しい仮定でしょうか?誰かが私の問題に対する可能なアイデアや解決策を持っていますか?

前もって感謝します。

4

1 に答える 1

0

犯人を見つけた。コードを$(window).resize関数でラップして、画面サイズが480pxを超える場合にメニューを表示するために、画面サイズを検出していました。これで問題が解決したようです。サイズ変更から外しました。
以下は私の元のコードです。使用しないでください。してはいけないことです。誰かがそれを修正する方法についてのアイデアを持っているなら、それはおそらく役立つでしょうが、これはうまくいかないようです。自動スクロールフレックススライダーと他のアニメーションスライダーの間に競合が発生するようです。

//メニュー表示非表示

   $(window).load(function(){
var $window = $(window);
var $topNav = $('#mainNavTop');
var $utilContent = $('#utilityContent');
function checkWidth() {
    var windowsize = $window.width();
 if(windowsize < 480){
    $('#mainNavTop,#utilityContent').css('display','none');
    $('.mobileNavIcon').click(function(event){
        event.preventDefault();
        $topNav.toggle();
        $(this).toggleClass('active');
    });

    $('.mobileSearchIcon').click(function(event){
        event.preventDefault();
        $utilContent.toggle();
        $(this).toggleClass('active');
    });
}
    else{
    $('#mainNavTop,#utilityContent').css('display','block');
    }
 }
// Execute on load
checkWidth();
// Bind event listener
$(window).resize(checkWidth);
}); 
于 2013-01-09T23:17:28.540 に答える