javascript - $.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);