Javascript 不好意思我能';I don’我不能让fancybox工作
MVC3和fancybox 2 应该直截了当,但不知何故我把事情搞得一团糟 首先,由于我只在一个页面(cshtml)上使用它,我通过以下方式添加脚本:Javascript 不好意思我能';I don’我不能让fancybox工作,javascript,fancybox-2,Javascript,Fancybox 2,MVC3和fancybox 2 应该直截了当,但不知何故我把事情搞得一团糟 首先,由于我只在一个页面(cshtml)上使用它,我通过以下方式添加脚本: Html.AddScriptParts(@Url.Content("~/Scripts/fancybox2/source/jquery.fancybox.pack.js?v=2.1.5")); Html.AddCssFileParts(@Url.Content("~/Scripts/fancybox2/source/jquery.fancybox
Html.AddScriptParts(@Url.Content("~/Scripts/fancybox2/source/jquery.fancybox.pack.js?v=2.1.5"));
Html.AddCssFileParts(@Url.Content("~/Scripts/fancybox2/source/jquery.fancybox.css?v=2.1.5"));
当我查看调试器时,我看到jquery.fancybox.pzck.js已加载。当我检查元素时,我没有看到应用了jquery.fancybox.css样式…(css是默认的,所以可能没有应用的样式?)
我的意见是:
$(function ()
{
$(".fancybox").fancybox();
});
我的链接是:
<div id="ThreadLink">
<a id="ForumFrameLink" href="https://www.google.com" class="fancybox">asdf</a>
</div>
这就像我的onready没有连接…换句话说,它只是跟随到谷歌的链接
我错过了什么
TIA在您提供的JSFIDLE链接中: 使用以下JS:
$(document).ready(function() {
$("#ThreadLink a").fancybox({
type: "iframe"
});
});
然后你的HTML就会变成:
<div id="ThreadLink">
<a id="ForumFrameLink" href="http://www.foxnews.com">asdf</a>
</div>
似乎需要设置类型:“iframe”
。浏览文档之后,您似乎还可以将a
的类设置为iframe
,以获得相同的功能
为您的观看乐趣而“更正”了小提琴:也许可以尝试创建一个JSFIDLE,看看您是否可以在那里重现该问题。如果您想创建一个JS FIDLE,我会帮您看看。嗯,您链接到的是一个网站,而不是实际的图像。如果你链接到一张图片,灯箱就可以正常工作。这就是你想要的功能吗?啊,我明白了。你正在尝试做一个iframe。是的,是一个iframe。因此,当我浏览网站时,我必须将我的$(“.fancybox”).fancybox()进行更改;有更多参数的函数对吗。。。?