当点击链接w / return false时，iPhone上的Safari会折叠网址栏;

Question

我遇到了最棘手的问题。 我有一个网站，我需要消费在iPhones（duh），这是在Safari Mobile中表现的。

我有一个菜单可以根据您点击的位置滑动内容，并使用在JavaScript变量中预先填充为JSON的各种数据填充DOM。因此，没有XHR / Ajax调用所发生的事情。

问题在于，无论何时单击菜单中的链接，地址栏都会向下折叠并显示进度条 - 就像它加载某些内容一样 - 即使我阻止默认行为并停止传播。我已经双倍检查了没有网络活动正在进行，但我真的不知道为什么h ***它的表现就像那样。同样的问题在iPad / Safari上可视化，但我可以忍受，因为它不会影响视口。

事件的绑定非常简单：

$('#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', '#')