带有 MVC Razor 的 Fancybox答案

【问题标题】：Fancybox with MVC Razor带有 MVC Razor 的 Fancybox
【发布时间】：2011-10-25 14:59:30
【问题描述】：

我遇到了一个问题，Fancybox 无法在 razor 视图引擎中加载。我有所有的 js/css 都正确加载（我已经测试过，以确保 fancybox 与一个简单的视频链接一起工作，确实如此）。所以错误可能在某处下面的代码。

在页面上：父视图包含一个链接列表，每个链接都需要在其拥有fancybox并加载对应的view。

$(document).ready(function () {
    try {
            $("a.className").fancybox({
            (style stuff)
            'type': 'ajax'
           });

         } catch (ex) {
             console.log(ex);
         }
});

还有链接本身：

<div class="className">
    <span class="spanName">
        @Html.ActionLink("LinkName", "Action", new { id = Model.ID })
    </span>
</div>

有什么想法吗？如果需要，我会提供更多代码。谢谢。

【问题讨论】：

标签： jquery asp.net-mvc razor fancybox

【解决方案1】：

该链接没有分配给它的类，因此选择器'a.className' 不会匹配任何内容。尝试将链接更改为@Html.ActionLink("LinkName", "Action", new { id = Model.ID }, new { @class = "className" })

【讨论】：

这很接近但不正确。实际上是：@Html.ActionLink("LinkName", "Action", new { id = Model.ID}, new { @class= "className" })