最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - Executing JQuery after page load only after clicking a specific link - Stack Overflow

programmeradmin3浏览0评论

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?

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?

Share Improve this question asked Jun 9, 2011 at 16:06 Justin MeltzerJustin Meltzer 13.6k34 gold badges119 silver badges182 bronze badges 1
  • Do you really have different pages or is it actually some new element appearing? – pimvdb Commented Jun 9, 2011 at 16:13
Add a ment  | 

3 Answers 3

Reset to default 6

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');
  }
});

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.

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

发布评论

评论列表(0)

  1. 暂无评论