Javascript 文件加载时触发花式方框

Javascript 文件加载时触发花式方框,javascript,jquery,jquery-plugins,fancybox,Javascript,Jquery,Jquery Plugins,Fancybox,我正在尝试做一些相对简单的事情,那就是在文档加载期间触发Facnybox jQuery插件弹出。我正在使用ASP,但这应该是无关的。我有以下标签: <a id = "lnkGId" href = "" name = "lnkGId" runat = "server" ></a> 锚点在服务器端动态设置其href。id有点乱,这就是我使用*=选择器的原因。这部分工作正常,如果我在锚点有href时运行上面的命令,我会看到控制台中记录了正确的href 现在我只想在页面加载且

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

<a id = "lnkGId" href = "" name = "lnkGId" runat = "server"  ></a>
锚点在服务器端动态设置其href。id有点乱,这就是我使用*=选择器的原因。这部分工作正常,如果我在锚点有href时运行上面的命令,我会看到控制台中记录了正确的href

现在我只想在页面加载且锚href有值时触发Facncybox。我在上面发布的if条件中尝试了许多不同的方法:

1. 2. 3.
我没有得到任何错误。我正在做一个console.log(“complete”);在我应用上面的代码以确保它不会在很长一段时间内被破坏之后。一切似乎都在工作状态,我只是无法让它触发!有人对我在这里能做什么有什么建议吗?如有任何建议,将不胜感激。谢谢

如果使用Fancybox v1.3.4,请检查第6项

对于v2.x,检查编号12

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


检查此处的方法:

href的url是图像还是文本内容?如果它返回一个网页,你可以使用iframe,比如

  $.fancybox('<iframe width="600" height="560" src="' + url + '"></iframe>',
    {
      'width': 600,
      'height': 560
    });
$.fancybox(“”,
{
“宽度”:600,
‘高度’:560
});

感谢您的回复

我的特殊案例的问题是,我的锚标记上没有类
fancybox.iframe
。一旦我添加了它,事情就开始按预期工作了

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

            });
$("a[id *= 'lnkGId']").trigger("click")
  $.fancybox('<iframe width="600" height="560" src="' + url + '"></iframe>',
    {
      'width': 600,
      'height': 560
    });