Javascript 不好意思我能';I don’我不能让fancybox工作

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

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.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()进行更改;有更多参数的函数对吗。。。?