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

标签 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 代码。但是,这不起作用。我应该怎么做?

最佳答案

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

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

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

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

关于javascript - 仅在单击特定链接后页面加载后执行 JQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6295896/

相关文章:

javascript - 从 mapbox 中删除 map 上的多段线

jquery - 使用 jQuery 添加一个事件的 css 类来导航

javascript - 使用 jquery 启用和禁用键盘输入

JavaScript 不会计算我的结果并将其输入回我的表单中

javascript - 创建具有序数尺度的 d3 v4 直方图

javascript - ionic 2 与节段不工作?

jquery - 响应式菜单项 css 不堆叠在一起

php - 如何使用 php/mysql/html/css 在 3 列中显示来自数据库的结果

html - 如何正确对齐 html 中的图像和文本?

jquery - 文本区域与粘性页脚重叠