無法彈出工作在jQuery Mobile

我相信我只是缺少一些基本的東西，但任何人都可以看到以下代碼有什麼問題嗎？當我點擊第一個按鈕時，它不會打開一個彈出窗口。第二個按鈕打開彈出窗口作爲對話框。無法彈出工作在jQuery Mobile

<!DOCTYPE html> 
<html> 
<head> 
    <!-- JQUERY MOBILE CSS --> 
    <link rel="stylesheet" href="//codeorigin.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" /> 
    <!-- JQUERY --> 
    <script src="//codeorigin.jquery.com/jquery-2.0.3.min.js"></script>         
    <!-- JQUERY MOBILE --> 
    <script src="//codeorigin.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> 
</head> 
<body> 
    <div data-role="page" id="home"> 
     <div data-role="content"> 
      <p><a href="#menu-items" data-role="button" data-rel="popup" data-inline="true">Open Popup</a></p> 
      <p><a href="#menu-items" data-role="button" data-rel="dialog" data-transition="pop">Open Popup(dialog)</a></p> 
     </div> 
    </div> 
    <div id="menu-items" data-role="popup"> 
     <ul data-role="listview"> 
      <li><a href="http://www.google.com">google.com</a></li> 
      <li><a href="http://www.google.com">google.com</a></li> 
     </ul> 
    </div> 
</body> 
</html>

來源

2013-08-17 Leslie Hanks

事實上，這是一件小事，你失蹤了！ =）

jQuery 1.3 Mobile Pop-up Docs：

...然後創建設置爲彈出div的ID在href的鏈接，並添加屬性數據的rel =「彈出」，告訴框架打開點擊鏈接時彈出。這是與對話框小部件類似的標記模式。 彈出的div必須與鏈接嵌套在同一頁面內。

移動<div id="menu-items"></div>到<div id="home" data-role="page"><div>節點內，那麼這應該是它！

工作jsFiddle包括在內。 Dialogs從jQuery Mobile 1.4.0開始不推薦使用，並將在1.5.0中刪除。

來源

2013-08-17 23:58:19 MackieeE

我認爲有兩件事情：

I). for opening a popup you have to place popup content inside the data-role='page' 

II). for opening a dialog you have to place dialog content outside the data-role='page'

工作小提琴：http://jsfiddle.net/REthD/10/

來源

2013-08-18 00:08:22 maverickosama92

無法彈出工作在jQuery Mobile

回答

相關問題