的iPhone jQuery的顯示/隱藏，支持自動滾動幻燈片衝突

似乎與iPod和iPhone的問題（4,4S，大概5）。我們有一個使用Flex Slider的自動滾動幻燈片。我有一個切換觸發器來顯示和隱藏我們的菜單（div）。當菜單打開並且幻燈片自動滾動到下一個圖像時，菜單關閉。在我的Android手機（Android OS 4.1）上，它似乎工作得很好。的iPhone jQuery的顯示/隱藏，支持自動滾動幻燈片衝突

似乎像的iDevices正與JavaScript的問題。這是否是一個正確的假設？任何人有可能的想法或解決我的問題？

在此先感謝。

來源

2013-01-09 ClosDesign

沒有。這根本沒有意義。我能想象的唯一事情就是一些元素共享特定於名稱的屬性（類，甚至是ID）。或者可能是您的點擊處理程序不會阻止傳播。一個寫得很好的插件不應該干擾頁面上的任何其他元素。我認爲* Flex *寫得很好。無論如何，如果沒有水晶球，很難回答。 –

我想我找到了我的罪魁禍首。我在窗口大小調整功能中封裝了切換按鈕，以檢測屏幕大小並顯示或隱藏完整的導航菜單。 @roXon感謝您的反饋。 Flex寫得非常好，效果很好。我拿出窗口調整大小檢測，現在看起來工作正常。將其標記爲我自己的問題。謝謝 – ClosDesign

我很高興你找到了令人討厭的錯誤！ :) –

找到罪魁禍首。我正在用$（window）.resize函數包裝我的代碼，以檢測屏幕大小，以便在屏幕大小超過480像素時顯示菜單。這似乎解決了我的問題。我把它從調整大小。
下面是我的原代碼。不要使用它。這是爲了什麼不做。如果任何人有一個想法如何解決這可能會有所幫助，但這似乎不起作用。看起來像它會導致我的自動滾動Flex滑塊或任何其他動畫滑塊之間的衝突。

//菜單顯示隱藏

$(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-09 23:17:28 ClosDesign

的iPhone jQuery的顯示/隱藏，支持自動滾動幻燈片衝突

回答

相關問題