jqm popup没有打开

我在一个div容器中添加了一个弹出窗口。 打开弹出窗口不起作用。

这是我的容器结构：

 
  
  ...  
 
 
 
My Popup
 
 
  

我想通过javascript打开弹出窗口：

 ...clone the template and add clones to the list-view before. $('#mainPage').find('.select-Button').on('click', function(){ $('#myPopup').popup("open"); }); 

但它不起作用

这有效：

Java的脚本：

  var $popUp = $('#myPopup').popup({ dismissible: false, theme: "c", overlyaTheme: "d", transition: "pop" }); $popUp.popup('open').trigger("create"); 

HTML：

 
  
My Popup
  

Answer 1

page div应该是popup div的直接父级。 如果将它放在任何其他div中，它将无法打开或发生故障。

 
 
 
My Popup
 
 
 
 
 
  

使用HTML打开它

 Popup 

以编程方式打开

 $("#popupID").popup("open"); 

---

您需要将click事件委托给动态添加的元素。

 $(document).on("click", ".select-button", function () { $('#myPopup').popup("open"); }); 

演示

Answer 2

试试这个： – http://jsfiddle.net/adiioo7/rF873/

JS： –

 $('#myPopup').popup(); $('#myPopup').popup("open"); 

HTML： –

 
 
  
 
 
 
 
My Popup
 
 
  

您的方法问题是您无法在初始化之前调用弹出窗口上的方法。