如何将 #hash 单击添加到元素
当我在 http://www.mywebsite.com/ 打开页面时,我有以下 jQuery 代码
$('#locSlideButton2').click(function() {
});
:如果您想单击 locSlideButton2
元素,将哈希值(例如 #example)添加到 url,而不进行任何重定向。
我该怎么做呢?
When I open my page at http://www.mywebsite.com/ where I have this jQuery code :
$('#locSlideButton2').click(function() {
});
I'd like, clicking on the locSlideButton2
element, add an hash (such as #example) to the url, without make any redirect.
How can I do it?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
使用普通的旧版 JS:
MDN on window.location
Using plain old vanilla JS:
MDN on window.location
有两种方法,要么使用 javascript,您可以访问 window.location.hash,要么将点击事件绑定到
,并防止点击时默认,或者认为当页面上升到顶部时很酷,并且哈希值应该出现在浏览器地址栏中。
There's two ways, either you use javascript, where you have access to the window.location.hash, or you bind your click event to an
<a href="#example">
, and prevent default on click, or think it's cool when your page goes up to the top, and the hash should appear in the browser adress bar.恢复这个线程,现在你可以使用
history API
,工作原理与上面相同,但也避免自动滚动到 id,让你完全控制你想用该哈希做什么:历史 API 上的 MDN
Reviving this thread, nowadays you can use
history API
, works the same as above but also avoids automatically scroll to an id, giving you complete control of what you want to do with that hash:MDN on History API
只需像这样将
#locSlideButton2' 与
` 包裹起来就可以了
simply wrap
#locSlideButton2' with
` like thisThis will do