Executing JQuery after page load only after clicking a specific link

Question

I have a link in my app that when clicked, leads to another page. I want to execute some JQuery on this new page after it loads, but only if that specific link is clicked to get to the page.

I have this JQuery:

    $('#new_to_topics').click(function(){
        $(document).ready(function() {
            $('#topic_guidelines').slideDown('normal');
            $('#topic_guidelines').addClass('on');
        });
    });

where #new_to_topics is the id of the link that leads to the new page and

$('#topic_guidelines').slideDown('normal');
$('#topic_guidelines').addClass('on');

is the JQuery code I want to execute on that new page. However, this does not work. How should I do this?

Do you really have different pages or is it actually some new element appearing? — pimvdb, Jun 09 '11 at 16:13

score 6 · Accepted Answer · answered Jun 09 '11 at 16:10

You could pass a location hash to the new page, and then conditionally run some javascript based on that hash.

If my link was to mynewpage.html#fromXlink (this would show in the address bar)

My javascript on mynewpage.html could be:

$(document).ready(function() {
  if (location.hash == '#fromXlink') {
    $('#topic_guidelines').slideDown('normal');
    $('#topic_guidelines').addClass('on');
  }
});

score 1 · Answer 2 · edited May 23 '17 at 10:27

1

You could add a variable to the query string i.e. somepage.aspx?fromthislink=true and then pick that up in jquery.

This shows how

If it cam from that link then fire off your jquery.

edited May 23 '17 at 10:27

Community

1
1

answered Jun 09 '11 at 16:11

Richard Forrest

3,458
2
20
31

score 0 · Answer 3 · answered Jun 09 '11 at 16:36

0

You can use window.name to pass data to the target page (although I would prefer passing data in the hash, if possible).

answered Jun 09 '11 at 16:36

Tgr

26,444
11
80
113

Executing JQuery after page load only after clicking a specific link

3 Answers3

Linked