jquery - 登录后不会加载弹出窗口，但如果页面随后刷新则加载

Question

我有一个弹出框，邀请用户在登录后完成一个过程。在我们的常规网络应用程序中，一切正常。在我们的移动网络应用程序中，在登录后首次加载索引页面时不会显示弹出窗口。当页面重新加载时，会显示弹出窗口。

在 application.js 中：

$(document).ready(function() {
    $("h1").fadeIn(1000);
    $('.fade').delay(2000).fadeOut(2000);
    loadPopupBox(); # --------------------------------- line that loads pop up
    $('.popupBoxClose').click( function() {            
        unloadPopupBox();
    });
    function unloadPopupBox() {
        $('.step_pop').fadeOut("slow");
    }    
    function loadPopupBox() {
        $('.step_pop').fadeIn("slow");
    }        
});

在 index.mobile.erb 中：

<% unless @step1 && @step2 && @step3 && @step4 %>
    <%= render :partial => "steps_pop" %>
<% end %>

在 _steps_pop.mobile.erb 中：

<div class="step_pop" style="width: 90%; height: 80%; left: 5%; top: 5%; ">
    ... process description then yes or no
</div>

我们正在使用 Devise 进行身份验证。

谢谢你的帮助。

Answer 1

而不是将弹出脚本放置在：

$(document).ready(function()

我把它放在：

$( document ).delegate("#aboutPage", "pageinit", function()