Fire jquery trigger if page loads with #url

Question

I have a page that contains tabs of information. In some circumstances i need to open with a specific tab active, so i assigned a unique div and class to it and have #reviews appended to the url. The page scrolls correctly to have the tabs in view, but I can't figure out how to open the tab ONLY when #reviews is in the url.

If i add

<script>  
$(document).ready(function() {
$(".rTab").trigger('click');
});
</script>

to the div the tab opens on every page load. So, is there a method of checking for a #url to fire the trigger() ?

Thanks

Related: http://stackoverflow.com/questions/298503/how-can-you-check-for-a-hash-in-a-url-using-javascript — Stryner, Sep 29 '15 at 13:36
Thanks. I did search about, but obviously not using the right terms. — Steve Price, Sep 29 '15 at 13:38

score 1 · Accepted Answer · answered Sep 29 '15 at 13:49

Something like this should work depending on what you need..

Without jQuery

if(window.location.hash == '#hashurlhere'){
    var trigger = document.getElementsByClassName("rTab");
    trigger[0].click();
}

With

if(window.location.hash == '#urlhere'){
    jQuery(".rTab").trigger('click');
}

score 0 · Answer 2 · answered Sep 29 '15 at 13:40

0

Try this one

$(document).ready(function() {
  $("a[href=#reviews]").trigger('click');
});

It may help you.

answered Sep 29 '15 at 13:40

Manish Jangir

5,329
4
42
75

Evert Arends · Answer 3 · 2015-09-29T13:48:25.570

0

you could do something like this:

   if(window.location.hash == $(this).attr('href')) $(this).trigger('click');

I found this code a while ago, credits to the author.

edited Sep 29 '15 at 13:48

answered Sep 29 '15 at 13:41

Evert Arends

142
1
11

Woops mybad, I wrote the comment, searched for the code on my pc, and found this one, and I was like 'Hey, this suits better!' :p thanks for mentioning it. – Evert Arends Sep 29 '15 at 13:48

Fire jquery trigger if page loads with #url

3 Answers3