jquery - 模拟点击时 Fancybox Overlay 不显示

Question

我在 document.ready 的顶部设置了一个奇特的设置，如下所示:

$('.fancyBox').fancybox({
            'type': 'iframe',
            'closeBtn': false,
            'overlayShow' : true
        });

然后，我检查页面上的值并模拟点击是否正确

            if ($('#fromLogin').val() == "True") {
            $('a#fancyLink').trigger('click');
        }

一切正常，但叠加层不显示。当我手动单击链接时，它工作正常。我可能会错过什么？

编辑:下面为父级发布的相关 HTML。

<input type="hidden" id="fromLogin" value= "@ViewBag.FromLogin" />
<a href="../Account/AccountOverview" id="fancyLink" class="fancyBox" style="display: block;">Click</a>

<div id="account_settings">
@Html.ActionLink("Update Account Settings", "Manage", "Account")
</div>
<div id="main_wide"> .... </div>

Answer 1

尝试将触发点击的代码部分包装如下:

$(document).ready(function (e) {
   if ($('#fromLogin').val() == "True") {
      $('a#fancyLink').trigger('click');
   }
});