2014-02-18 62 views
0

我創建一個彈出當一個進程已經完成,改變頁面彈出不showing.My代碼之前是彈出在jquery mobile 1.4.0中正常工作?

<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 
        }); 

,但不顯示在彈出的彈出?如何解決這個問題

+0

你是否在頁面更改前調用_popup_?它不會出現。一旦'pagebeforechange'被觸發,它將被關閉。在彈出窗口關閉後你應該改變頁面。 – Omar

+0

http://jsfiddle.net/Palestinian/YLn6C/檢查這個 – Omar

+0

@Omar謝謝..我試試這個方法 – Ben10

回答

-1

你正確的html和js,但你想要在這個頁面內彈出的內容只有你把你的html代碼。 爲前:

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

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

注:顯示在時間索引頁面時只顯示這個彈出。你想要所有的頁面意味着你需要追加html dynanically