javascript - 在手机上使用 window.location.hash 和 anchor 标签

标签 javascript jquery html

我有一个 javascript 函数,点击后会链接到页面上的一个 id。

$(document).on('click', '.quiz-modal-close-label', function() {
window.location.hash = '#more-quizzes';
});

我的 HTML 看起来像这样:

<aside id='more-quizzes' class='col-xs-12 col-md-3 more-quizzes-container'> ...

在桌面上它可以工作。在 Chrome 移动检查器中它可以工作。但在移动设备上,#more-quizzes 不会附加到 URL。可能是什么原因?

最佳答案

会不会是您使用的手机浏览器版本不支持?

尝试检查 MDN 兼容性矩阵:

[ https://developer.mozilla.org/en-US/docs/Web/API/Window/location]

[ https://developer.mozilla.org/en-US/docs/Web/Events/hashchange]

此外,您是否已确认当您在移动设备上触摸按钮时会触发您的事件?

关于javascript - 在手机上使用 window.location.hash 和 anchor 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35784364/

相关文章:

javascript - 如何在 WordPress 中为不存在的子页面显示 404 页面?

javascript - 用 Jest 模拟高阶组件

javascript - 当这个 ajax jquery 触发时,我想要一个加载 1 秒的图像

javascript - Ajax:使用onclick jQuery连续刷新div

html - 单击标签时禁用输入焦点

jquery - 如果 div 包含超过 'x' 的数字,则插入 html

php - 文件未在 codeigniter 中上传

javascript - 如何从 onclick 字符串引用 javascript 对象函数

javascript - "Uncaught ReferenceError: createDayLabel is not defined"- 如何解决此错误以使 Materialise 的日期选择器正常工作?

javascript - $.when() 与 Deferreds 数组不调用完成操作