Question

我收到了以下代码：

    Html.AddScriptParts("~/Scripts/jquery.fancybox-1.3.4.pack.js");
    Html.AddCssFileParts("~/Content/fancybox/jquery.fancybox-1.3.4.css");


$().ready(function () {
alert('yo')
        $("#leistungsPopup").fancybox();
}

 <div style="display:none" id="leistungsPopup">
        <h1>YO feel the FLow!</h1>

    </div>

Fancybox没有出现。借用Fancybox文件（js和css）并显示警报。怎么了？

Answer 1

您正在尝试显示设置为无的div。包含一个显示设置为none的包装器div，并将其从要显示的div中删除。像这样：

<div style="display: none;">
    <div id="leistungsPopup">
        <h1>YO feel the FLow!</h1>
    </div>
</div>
<a id="TriggerFancybox" href="#leistungsPopup" style="display: none;"></a>

编辑：显然是一个点击触发了一个fancybox弹出窗口。如果您将JavaScript代码更改为以下内容，它应该有效，请参阅此JSFiddle：

$(document).ready(function () {
    $("#TriggerFancybox").fancybox().trigger("click");
});

编辑2：更新了使用jQuery Fancybox 1.3.4的答案。这意味着触发文档中隐藏链接的单击。

没有显示Fancybox

1 个答案: