jquery弹出关闭function不起作用

我的手机网站上有按钮。 我想做以下事情：

当我按下按钮时，弹出窗口应该出现。 此弹出窗口应包含一些文本和一个确定按钮。 当我按下确定按钮时，弹出窗口应该消失，没有别的。 页面应保持相同的条件。

我的代码如下：

 
 
This is just a demonstrator
 OK  

javascript如下：

 $( "#popup-button" ).click(function() { $( "#popupPanel" ).popup( "close" ); }); 

现状是：

当我点击确定按钮时，它第一次工作但不是后者。

Answer 1

使用而不是 。 您的代码应如下所示：

  
 
This is just a demonstrator
 OK  

演示

我还补充道

  data-role =“button”data-rel =“back” 

在这种情况下，Javascript不是必需的

Answer 2

将您的代码包装在pageinit并使用pageinit使用正确的事件绑定。

 $(document).on("pageinit", function () { $("#popup-button").on("click", function () { $("#popupPanel").popup("close"); }); }); 

或者，将data-rel="back"属性添加到button 。 但是，如果您希望使用此function，则添加data-history="false"更安全，以便不返回上一页。

 OK 

演示

Answer 3

使用Class而不是id作为按钮。

Html – 按钮

 href="#" class= "popup-button" data-theme="c" data-icon="false" data-mini="false" 

JavaScript的

 $( ".popup-button" ).click(function() { $( "#popupPanel" ).popup( "close" ); });