$.mobile.loading拒绝不工作

Question

正如标题所暗示的，当用户单击按钮进行注册时，我希望调用$.mobile.loading方法。现在，这已经在网站周围运行了一段很好的50+时间，但是由于某些原因，下面的代码没有打开$.mobile.loading对话框，但是它运行了代码。不确定为什么在这种特殊情况下会发生这种情况。

<div id ="diaglogfacebookuserdetails" data-role="dialog" data-theme="a">
        <div data-role="header">
             <h3 class="headerdialog">Almost Done</h3>
        </div>
        <div data-role = "content">
            <center>
            <div class="alert-message info">
                    <div class="box-icon"><img src="css/images/info.svg"></div>
                    <div id="diaglogfacebookuserdetailsmessage"></div>
            </div>

            <input type="text" name="diaglogfacebookuserdetailscell" id="diaglogfacebookuserdetailscell" placeholder="Enter your Cell Number" />

            <select id="diaglogfacebookuserdetailsuni" class = "searchuniversity">
            </select>
            <select name="diaglogfacebookuserdetailscampus" id="diaglogfacebookuserdetailscampus" class = "signupuniversitycampus">
            </select>

            <input type="submit" id ="facebookuserdetailsbutton" name="facebookuserdetailsbutton" value="SUBMIT" data-theme="a"/>
            </center>
        </div>
    </div>

下面是JS：

$(document).on('pageinit',"#diaglogfacebookuserdetails",

    function(){
    $("#facebookuserdetailsbutton").click(
                function()
                {
                    $.mobile.loading( 'show', {
                        text: 'Signing you Up!',
                        textVisible: true,
                        theme: 'a',
                        html: ""
                    });

                    //lots of Code

                   $.mobile.loading( 'hide' );

    });
});

Answer 1

因为您在显示加载对话框后立即将其隐藏。尝试延迟关闭它(就像在此demo中一样)或在数据成功上载到服务器时隐藏。

    setTimeout(function () {
        $.mobile.loading('hide');
    }, 1000);