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()

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

1 个答案: