1

因此,我有一些图像绝对位于设置为隐藏的页面上方,当您单击触发显示它们的事件的相应链接时,显示继承。

现在,这就是我的问题所在。假设我为图像分配了“示例”的 ID - 当有人进入带有井号标签 #example 的网站或点击带有井号标签 #example 的链接时,有什么办法吗? url,该事件是否会针对具有相同 ID 的图像触发?我真的很难过这个

我一直在使用的是这样的:

$("#activate1").click(function () {
$("#flyer1").css("display", "inherit");

});

效果很好,但现在我必须每周添加传单,这意味着我需要更改它,除非我想为每个独特的案例编写上面的代码。但最重要的是,我现在还必须通过链接将它们发送给人们,因此现在必须在他们单击链接时触发脚本 - 我认为解决这个问题的最佳方法可能是实现哈希标签触发器

4

3 回答 3

4
$(function() {

    $('#example').on('click', function() {
        alert('was triggered');
    });

    $(window.location.hash).trigger('click');

});
于 2012-04-20T03:18:21.633 回答
2

要激活页面中包含井号标签的所有链接而不编码任何特定名称,您可以执行以下操作:

$('a[href*="#"]').on('click', function(e) {
    var match = this.href.match(/#[^#]+$/);
    if (match) {
        // trigger a click on the object that has an id 
        // matching the hash value in the link
        $(match[0]).trigger('click');
        return(false);   // no default processing for the link
    }
});

要处理初始链接上的哈希标记,您可以运行以下代码:

$(document).ready(function() {
    if (window.location.hash && window.location.hash != "#") {
        $(window.location.hash).trigger('click');
    }
});
于 2012-04-20T04:11:25.290 回答
0

插件是你的朋友。快速的 Google 显示 Ben Alman 的jQuery BBQ库可以为您提供帮助!

(无关:名称很酷的 jQuery 库是您未来项目的绝佳补充!)

于 2012-04-20T03:42:33.020 回答