Question

iPod和iPhone似乎存在问题（4,4S，可能还有5个）。我们使用Flex Slider进行自动滚动幻灯片放映。我有一个切换触发器来显示和隐藏我们的菜单（div）。当菜单打开并且幻灯片自动滚动到下一个图像时，菜单关闭。在我的Android手机（Android OS 4.1）上，它看起来非常合适。

似乎iDevices遇到了Javascript问题。这是一个正确的假设吗？任何人对我的问题都有可能的想法或解决方案吗？

提前致谢。

Answer 1

找到了罪魁祸首。我在$（window）.resize函数中包装我的代码，以检测屏幕大小，以便在屏幕大小超过480px时显示菜单。这似乎解决了我的问题。我把它从调整大小中取出来。
以下是我的原始代码。不要使用它。这是为了什么不该做。如果有人知道如何解决它可能会有所帮助，但这似乎不起作用。好像它会导致我的自动滚动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);
});

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

1 个答案: