的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的显示/隐藏，支持自动滚动幻灯片冲突

回答

相关问题