trigger jquery click on element with hashtag in url

Question

I wanted to know if its possible to trigger a popup by just sending the user to a specific url that contains an "#somerandomword" at the end of it.

So normally they click a button on the page to trigger the popup, instead i just want the popup to trigger when the user is given a specific link.

David Thomas · Accepted Answer · 2016-05-23 21:12:40Z

3

This could be easily done on page-load, by simply looking for a hash in the URL:

$(document).ready(function(){

    // the #-prefixed portion of the URL that serves
    // as a fragment identifier for the document, from
    // www.example.com/page#fragment
    // document.location.hash would return #fragment
    let hash = document.location.hash;

    // because the hash identifies a fragment of
    // the document by its id, and the '#' character
    // specifies an id-selector in CSS we pass that
    // value to jQuery to select the correct element
    // and call the click() method - without arguments -
    // to trigger a click event:
    $(hash).click();
});

Alternatively, the CSS selector of :target selects the element targeted by the hash, so it's also possible to use:

$(document).ready(function(){
    $(':target').click();
});

References:

edited May 23, 2016 at 21:12

answered May 23, 2016 at 21:07

David Thomas

254k53 gold badges382 silver badges421 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

ewcoder Over a year ago

From my understanding this is what is happening. 1. We wait till document loads 2. next we store the # that was at end of url in a variable named hash this is where I get slightly confused. Say my link was www.google.com/puppies#dog we use document.location.hash, and store its value of "#dog" in the variable "hash" so hash now contains the value of "#dog" It seems like there should be some sort of IF statement that says if the value of hash is equal to "#dog" then select the popup button and trigger a click event.

David Thomas Over a year ago

Possibly, but since you never mentioned in your question that you only want to trigger an event on specific fragments/ids that was left out of the answer. Otherwise: yes, that's about what happens.

Collectives™ on Stack Overflow

trigger jquery click on element with hashtag in url

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related