所有頁面在jquery mobile的多頁面模板中都可見

在jquery mobile中創建了一個帶有對話框頁面的多模板模板。要求是當我們點擊其中一個圖標時，它應該顯示對話框，但問題是所有頁面和對話框始終可以在同一頁面中看到，而不會觸發任何事件。請告訴我，我是否缺少任何東西。所有頁面在jquery mobile的多頁面模板中都可見

的代碼如下：

<!DOCTYPE html> 
<html> 
<head> 
     <title>Dialog</title> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="lib/jquery.mobile-1.3.1.min.css" /> 
     <script type="text/javascript" src="lib/jquery-1.4.3.min.js"></script> 
     <script type="text/javascript" src="lib/jquery.mobile-1.3.1.min.js"></script> 
     <script></script> 
    </head> 
    <body> 
     <div data-role="page" id="one"> 
      <div data-role="content" align="bottom"> 
       <p> 
        <a href="#dialog" data-rel="dialog" data-transition="pop">click for dialog</a> 
       </p> 
      </div> 
     </div> 
     <div data-role="page" id="dialog"> 
      <div data-role="header" data-theme="e"> 
       <h1>dialog.</h1> 
      </div> 
      <div data-role="header" data-theme="d"> 
       <h1>This is dialog.</h1> 
      </div> 
      <div data-role="footer"> 
       <h4>Footer</h4> 
      </div> 
     </div> 
     <div data-role="page" id="two"> 
      <div data-role="header" data-theme="e"> 
       <h1>page2</h1> 
      </div> 
      <div data-role="header" data-theme="d"> 
       <h1>This is page2.</h1> 
      </div> 
      <div data-role="footer"> 
       <h4>Footer</h4> 
      </div> 
     </div> 
    </body> 
</html>

來源

2013-05-15 user1844039

那是因爲你正在使用太舊版本的jQuery。

使用jQuery 1.8.3或更高。 jQuery Mobile被鎖定到某些jQuery版本，並且它不適用於舊版本。

在你的情況，你正在使用jQuery Mobile的1.3.1所以最低限度的要求，因爲這是jQuery 1.8.3，但我會建議你使用1.9.

來源

2013-05-15 11:52:47 Gajotres

thanks..now它的工作。 – user1844039

@Gajotres我正在使用jquery版本3.1.1，仍然所有data-role =「page」全部一起 – Learner

所有頁面在jquery mobile的多頁面模板中都可見

回答

相關問題