Question

MVC 3和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

Answer 1

在您提供的JSFiddle链接中：http://jsfiddle.net/ramjet/54kag/

使用以下JS：

$(document).ready(function() {
    $("#ThreadLink a").fancybox({
        type: "iframe"
    });
});

然后你的HTML就变成了：

<div id="ThreadLink">
    <a id="ForumFrameLink" href="http://www.foxnews.com">asdf</a>
</div>

似乎需要设置type: "iframe"。浏览文档后，看起来您也可以将a的类设置为iframe，以获得相同的功能。

＆＃34;更正＆＃34;为你的观赏乐趣而烦恼：http://jsfiddle.net/54kag/1/

很尴尬，我不能让fancybox工作

1 个答案: