FancyBox Overlay не отображается при моделировании нажмите

Question

У меня есть фантазия установить в верхней части document.ready который выглядит следующим образом:

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

Затем я проверяю значение на странице и имитируя щелкните fi it true

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

Все работает нормально, но кроме наложения не отображается. Когда я нажимаю ссылку вручную, она работает нормально. Что я могу пропустить?

EDIT: Соответствующий 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'); 
    } 
});