模拟点击时不显示 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');
   }
});