jquery - iPhone jQuery 显示/隐藏与自动滚动幻灯片的冲突

Question

iPod 和 iPhone（4,4S，可能是 5）似乎存在问题。我们有一个使用 Flex Slider 的自动滚动幻灯片。我有一个切换触发器来显示和隐藏我们的菜单（div）。当菜单切换打开并且幻灯片自动滚动到下一个图像时，菜单关闭。在我的 Android 手机（Android OS 4.1）上，它似乎工作得很好。

似乎 iDevices 的 Javascript 存在问题。这是一个正确的假设吗？有人对我的问题有可能的想法或解决方案吗？

提前致谢。

Answer 1

找到了罪魁祸首。我将代码包装在 $(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);
});