如何将 #hash 单击添加到元素

发布于 2024-12-11 19:59:28 字数 286 浏览 0 评论 0原文

当我在 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

心清如水 2024-12-18 19:59:28

使用普通的旧版 JS:

window.location.hash='example';

MDN on window.location

Using plain old vanilla JS:

window.location.hash='example';

MDN on window.location

紫竹語嫣☆ 2024-12-18 19:59:28

有两种方法,要么使用 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.

将军与妓 2024-12-18 19:59:28

恢复这个线程,现在你可以使用 history API,工作原理与上面相同,但也避免自动滚动到 id,让你完全控制你想用该哈希做什么:

window.history.pushState({}, "Example Title", "#example");

历史 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:

window.history.pushState({}, "Example Title", "#example");

MDN on History API

迷离° 2024-12-18 19:59:28

只需像这样将 #locSlideButton2' 与` 包裹起来

<a href="#yourhash"><button id="locSlideButton2">Click me.</button></a>

就可以了

simply wrap #locSlideButton2' with` like this

<a href="#yourhash"><button id="locSlideButton2">Click me.</button></a>

This will do

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文