javascript - 文档加载时触发 Fancy Box

Question

我正在尝试做一些相对简单的事情，那就是在文档加载期间触发 Facnybox jQuery 插件弹出。我正在使用 ASP，但这应该无关紧要。我有以下标签:

<a id = "lnkGId" href = "" name = "lnkGId" runat = "server"  ></a>

在 JavaScript 中我执行以下操作:

//check to ensure the link has an href

$(document).ready(function () {
    if($("a[id *= 'lnkGId']").length > 0 && $("a[id *= 'lnkGId']").attr("href") !="" ){
    console.log($("a[id *= 'lnkGId']").attr("href"));
    }
});

anchor 在服务器端动态设置其 href。 id 有点困惑，这就是我使用 *= 选择器的原因。这部分有效，如果我在 anchor 具有 href 时运行上面的内容，我会看到正确的 href 已记录在控制台中。

现在我想做的就是在页面加载并且 anchor href 具有值时触发 Facncybox。我在上面发布的 if 条件中尝试了多种不同的方法:

1

$("a[id *= 'lnkGId']").fancybox().trigger("click");

2

    var url = $("a[id *= 'lnkGId']").attr("href");
        $.fancybox({
            href: url, 
            modal: true,
            'fitToView'     : false,
            'width'         : '600px',
            'height'        : '560px',
            'autoSize'      : false,
            'closeClick'    : true              
        });

3

            $("a[id *= 'lnkGId']").fancybox({
                'fitToView'     : false,
                'width'         : '600px',
                'height'        : '560px',
                'autoSize'      : false,
                'closeClick'    : true

            });
$("a[id *= 'lnkGId']").trigger("click")

我没有收到任何错误。我正在做一个 console.log("complete");在我应用上面的代码以确保它不会在很长一段时间内被破坏之后。一切似乎都处于工作状态，我只是无法触发它!有人对我在这里可以做什么有什么建议吗？任何建议将非常感激。谢谢!

Answer 1

如果使用 Fancybox v1.3.4，请选中 http://fancybox.net/blog No.6

对于 v2.x 检查 http://fancyapps.com/fancybox/#useful第12号

此外，如果您只想在第一次访问时启动 fancybox(而不是每次重新加载页面时)，那么您可以使用 cookie。

在此处检查该方法:https://stackoverflow.com/a/8305703/1055987