【问题标题】:Safari on iPhone folds out url bar when clicking links w/ return false;点击链接时,iPhone 上的 Safari 会折叠 URL 栏并返回 false;
【发布时间】:2013-08-02 12:25:14
【问题描述】:

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

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

问题在于,每当单击菜单中的链接时,地址栏就会向下折叠并显示一个进度条——就好像它正在加载一些东西一样——即使我正在阻止默认行为并停止传播。我已经两次 och 三次检查没有网络活动正在进行,但我真的不知道为什么它的行为会这样。在 iPad/Safari 上可以看到同样的问题,但我可以忍受,因为它不会影响视口。

事件的绑定很简单:

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

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

我试过在网上搜索类似的东西,但没有任何运气。 你们以前见过/听说过这种行为吗?

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

【问题讨论】:

    标签: javascript jquery iphone ipad safari


    【解决方案1】:

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

    解决方案:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-03-21
      • 2019-12-16
      • 2015-05-24
      • 2021-04-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多