在移动设备上使用 window.location.hash 和锚标记

Using window.location.hash and anchor tag on mobile

本文关键字：hash location window 移动      更新时间：2023-09-26

我有一个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不会附加到网址中。原因可能是什么？

您使用的移动浏览器版本是否可能不支持此功能？

尝试检查 MDN 兼容性矩阵：

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

和

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

另外，您是否验证过当您触摸移动设备上的按钮时您的活动是否被触发？

相关文章：