Android Phonegap JQM對話框在新頁面中打開而不是對話框

Question

感謝您花時間閱讀我的問題。我試圖讓對話框打開使用JQuery的手機。我遵循了文檔，並使用data-rel =「dialog」符號以及data-transition =「pop」。除了出現在同一頁面上的對話框外，我還會看到一個全新的頁面，並顯示對話框。有人可以幫助我解決這個問題。

這裏是我最初的主網頁代碼：

<article> 
       <ul data-role="listview" data-split-icon="star" data-split-theme="d" data-inset="true"> 
        <li><a href="#black_seed_desc" data-rel="dialog" ><img src="black_seed.jpg"/> 
         <h3>Black Seed Oil</h3> 
         </a> 
         <a href="#black_seed_purchase" data-rel="dialog" data-transition="pop">Purchase Black Seed Oil</a> 
        </li> 
       </ul> 
      </article> 

這裏是我的對話頁面代碼：

<div data-role="dialog" id="black_seed_purchase" data-theme="c"> 
    <section data-role="content"> 
     <h1>Purchase Black Seed Oil?</h1> 
     <p>By purchasing Black Seed Oil you will receive 
     an email receipt copy sent to you for your reference.</p> 
     <a href="#purchase_blackseed" data-inline="true" data-corners="true" data-rel="back" data-role="button" data-shadow="true" data-iconshadow="true" 
     data-wrapperrels="span"> 
     <span> 
      <span>Buy: $49.99</span> 
      <span>&nbsp;</span> 
     </span> 
     </a> 
     <a href="#" data-role="button" data-rel="back" data-inline="true"  data-corners="true" 
     data-wrapperrels="span" data-shadow="true" data-iconshawdow="true"> 
     <span> 
      Cancel 
     </span> 
     </a> 
    </section> 
</div> 

這裏是一個工作示例。 http://jsfiddle.net/Gajotres/w3ptm/？

另外這裏是我試圖得到的屏幕截圖。

這是我有：

Answer 1

有出自corodova定義，你可以使用coustome對話框。

check this

這可以幫助你。