Jquery，当哈希在url中时激活脚本

Question

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

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

我一直在使用的是这个：

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

});

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

Answer 1

要激活页面中包含井号标签的所有链接，而不需要对任何特定名称进行编码，您可以这样做：

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

Answer 2

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

（无关：名称很酷的 jQuery 库是您未来项目的绝佳补充！）

Answer 3

$(function() {

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

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

});