popup在jquery mobile 1.4.0中正常工作?

时间:2014-02-18 10:15:36

标签: jquery jquery-mobile jquery-mobile-popup

当一个进程完成并且在更改未显示的页面弹出窗口之前,我正在创建一个弹出窗口。我的代码是

 <div data-role="popup" id="confirm" data-overlay-theme="none" data-theme="none" style="max-width:100%;background:url(images/alert-bg.png) repeat-x;" class="ui-corner-all">
            <div data-role="header" data-theme="none" class="ui-corner-top warning-border">
                <h1 style="color:#fff;font-size:14px;font-family:Verdana, Geneva, sans-serif;">Warning</h1>
            </div>
            <div data-role="main" data-theme="d" class="ui-corner-bottom ui-content">
                <h3 class="ui-title alert" style="color:#fff;font-size:16px;font-family:'Nova Square', Arial, Helvetica, sans-serif;font-weight:400;"></h3>
                <a href="#" data-role="button" data-rel="back" data-mini="true" data-transition="flow" data-theme="a" style="background-color:#fff !important;color:#4f72b3;">OK</a> 
            </div>
        </div>

并像

一样调用弹出窗口
 $("h3.alert").html("");
 $("h3.alert").append("User is alerady Exist");
 $("#confirm").popup();
 $("#confirm").popup("open");
 $.mobile.pageContainer.pagecontainer('change', '#enroll-screen', {
                        transition: 'pop',
                       changeHash: false,
                        reverse: true,
                        showLoadMsg: true
                    });

但没有显示弹出窗口?如何解决这个问题

1 个答案:

答案 0 :(得分:-1)

你是正确的html和js,但是你想在这个页面里面弹出哪个页面内容只有你输入你的HTML代码。 for ex:

 <div data-role="page" id="indexpage">
 <div>header</div>
   <div>content
//here paste your popup html code`
  </div>

  <div>footer</div>
 </div>

注意:当时显示索引页面时只显示此弹出窗口。你想要所有页面意味着你需要附加html dynanically