仅在单击特定链接后加载页面后执行JQuery

时间:2011-06-09 16:06:58

标签: javascript jquery html

我的应用中有一个链接,点击后会转到另一个页面。我想在加载后在这个新页面上执行一些JQuery,但只有在点击该特定链接才能到达页面时

我有这个JQuery:

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

其中#new_to_topics是指向新网页的链接的ID

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

是我想在新页面上执行的JQuery代码。但是,这不起作用。我该怎么做?

3 个答案:

答案 0 :(得分:6)

您可以将位置哈希值传递给新页面,然后根据该哈希值有条件地运行一些javascript。

如果我的链接是mynewpage.html#fromXlink(这将显示在地址栏中)

我在mynewpage.html上的javascript可能是:

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

答案 1 :(得分:1)

您可以在查询字符串中添加一个变量,即somepage.aspx?fromthislink = true 然后在jquery中选择它。

This shows how

如果它从该链接中移动,则关闭你的jquery。

答案 2 :(得分:0)

您可以使用window.name将数据传递到目标页面(尽管我希望在哈希中传递数据,如果可能的话)。