0

ログイン後にプロセスを完了するようにユーザーを招待するポップアップボックスがあります。通常のWebアプリでは、すべてが正常に機能します。私たちのモバイルウェブアプリでは、ログイン後にインデックスページが最初にロードされたとき、ポップアップは表示されません。ページがリロードされると、ポップアップが表示されます。

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を使用しています。

ご協力いただきありがとうございます。

4

1 に答える 1

0

ポップアップスクリプトを次の場所に配置する代わりに：

$(document).ready(function()

私はそれを中に入れました：

$( document ).delegate("#aboutPage", "pageinit", function()
于 2012-07-18T11:10:46.100 に答える