jquery detect hash in url trigger click event

Question

I have looked at a lot of examples on SO but can't seems to see what the issue is with my code:

I have urls that have hash tags / jump to id values appended to them. I want to check if the url has a hash tag and use that value as a click event like i would do on the page when clicking a button.

example url: http://domain.com/#help-video-modal-tags

jquery code:

jQuery(document).ready(function() { 
    if ( window.location.hash ) {

        function showVideo() {
            alert('in the function');
        }

        jQuery(window.location.hash).click(showVideo);

}
});

current click event triggers function

showVideo();

What do you mean by current click event triggers function? — Satpal
– Satpal, Commented Apr 22, 2014 at 13:17
Do you actually want to TRIGGER a click or do you just want to add a click event listener? Your code does the latter. So if you click on the element with the same id as the hash, it should work. — devnull69
– devnull69, Commented Apr 22, 2014 at 13:18
the page has a click event that is also on a <a> link that will run the showVideo() function. I basically want to run that same action of clicking the <a> link but when the page loads by checking the hash value in the url. — esternle
– esternle, Commented Apr 22, 2014 at 13:19

dbucki · Accepted Answer · 2014-04-22 13:17:38Z

3

Use this

jQuery(document).ready(function() { 
    if ( window.location.hash ) {

        function showVideo(hash) {
            alert('in the function, hash -> ' + hash);
        }

        jQuery(document).click(showVideo(window.location.hash));

    }
});

answered Apr 22, 2014 at 13:17

dbucki

4643 silver badges7 bronze badges

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

Comments

victoreassis · Accepted Answer · 2014-04-22 13:37:14Z

1

If I remember correctly to trigger an event of certain element is:

$('elem').trigger('click');

So in this case:

$(document).ready(function() { 
    if ( window.location.hash ) {   
        $(window.location.hash).trigger('click');//and trigger the event when needed
   }
});

function showVideo() {
  alert('do something when click is trigger');
}

$('elem').click(showVideo); //assign the event function normally

answered Apr 22, 2014 at 13:37

victoreassis

111 bronze badge

Collectives™ on Stack Overflow

jquery detect hash in url trigger click event

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related