javascript - iPhone 上的 Safari 在单击带有返回 false 的链接时会折叠网址栏；

Question

我遇到了最奇怪的问题。我有一个网站，需要在 iPhone 上使用(废话)，该网站在 Safari Mobile 中运行。

我有一个菜单，可以根据您单击的位置滑动内容，并且它使用在 JavaScript 变量中预先填充为 JSON 的各种数据填充 DOM。因此，不存在任何 XHR/Ajax 调用。

问题是，每当单击菜单中的链接时，地址栏就会向下折叠并可视化进度条 - 就好像它正在加载某些内容一样 - 即使我正在阻止默认行为并停止传播。我已经两次三重检查没有网络事件正在进行，但我真的不知道为什么它会这样。同样的问题在 iPad/Safari 上也可以看到，但我可以忍受，因为它不会影响视口(viewport)。

事件的绑定(bind)非常简单:

$('#menu a').on('click', function(e) {
    //do whatever...
    e.preventDefault();
    return false;
});

我当前使用的 iPhone 的软件版本为 6.1.4。

我尝试在网上搜索类似的内容，但没有运气。你们以前见过/听说过这种行为吗？

可能出了什么问题？有解决方法吗？

Answer 1

嗯。发现 Safari 会尝试加载所有在 href 属性中包含 url 的链接。

解决方案:

$('#menu a').attr('href', '#')