How To Add #hash Clicking To An Element

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, a

Solution 1:

Using plain old vanilla JS:

window.location.hash='example';

MDN on window.location

Solution 2:

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.

Solution 3:

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

Solution 4:

simply wrap #locSlideButton2' with` like this

<ahref="#yourhash"><buttonid="locSlideButton2">Click me.</button></a>

This will do