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

Question

我的应用中有一个链接,点击后会链接到另一个页面.我想在加载后在这个新页面上执行一些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代码.但是,这不起作用.我该怎么做？

Answer 1

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

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

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

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