Javascript 文件加载时触发花式方框
我正在尝试做一些相对简单的事情,那就是在文档加载期间触发Facnybox jQuery插件弹出。我正在使用ASP,但这应该是无关的。我有以下标签: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 现在我只想在页面加载且
<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
});