-1

我有一个非常奇怪的问题。我正在为移动网站做一些导航。当您单击“菜单”链接时，我希望导航菜单向下滑动，然后在再次单击“菜单”时关闭。

这是一个codepen的链接...

http://codepen.io/seraphzz/pen/EaKtb

正如你所看到的，我正在使用的 jQuery 代码是这样的......

$('.menuNav').click(function(){
    $('#menu-primary-menu').slideToggle();
});

这个 codepen 是取自我的实际站点的代码。

我的实际站点上的导航下拉菜单适用于所有浏览器，甚至适用于 IOS 模拟器，但它不适用于我的 iPhone，即使这个 codepen 可以。

当您单击菜单时，没有任何反应。

我不确定这是为什么或如何调试。我已经删除了所有其他 JS，但仍然无法正常工作。

我觉得奇怪的是，这个 codepen 演示可以在我的 iPhone 上运行，但实际代码（相同）不起作用。我正在使用 jQuery 版本 1.9.1。

任何帮助将不胜感激。

4

2 回答 2

0

好的，伙计们，我已经找到了答案。事实证明一切都是正确的，只是我的 js 文件没有在移动设备上更新。

我通过使用 IOS6 上的新 Web 检查器功能发现了这一点并检查了文件。然后我清除了我的 iPhone 缓存，现在正在工作。

于 2013-06-08T13:47:06.807 回答
0

我认为这个问题来自 CSS，而不是 jQuery。

尝试清理您的 CSS，问题可能会消失。

例如：

  • 菜单上的所有过渡都是无用的，因为您使用 jQuery 对其进行动画处理。
  • float: left在菜单项上是不必要的。

您还可以检查菜单或其容器在您的网站上的位置（绝对，固定...）。在 iPhone 上定位存在一些问题。

于 2013-06-08T13:40:04.163 回答