Javascript jquery弹出关闭功能不工作

我的手机网站上有一个按钮。我想做以下几点：

当我按下按钮时，弹出窗口应该出现。这个弹出窗口应该包含一些文本和一个OK按钮。当我按下Ok按钮时，弹出窗口应该会消失，没有别的。页面应保持相同的状态

我的代码如下：

<a id="edit-btn2" data-rel="popup" data-transition="slide" data-position-to="window" class= "edit-button1"  data-role="button" href="#popupPanel"></a>

<div data-role="popup" id="popupPanel" data-dismissible='false' data-corners="false" data-theme="b"  style="height:100px; width:300px;">
  <p>This is just a demonstrator</p>
  <button href="#" id= "popup-button"  data-theme="c" data-icon="false" data-mini="false"  >OK</button>
</div>

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

目前的情况是：

---

当我单击“确定”按钮时，它第一次工作，但后一次不工作。

对按钮使用类而不是id

Html-按钮

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

JavaScript

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

---

对按钮使用类而不是id

Html-按钮

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

JavaScript

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

---

将代码包装在

pageinit

中，并使用

.on

使用正确的事件绑定

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

或者，将

data rel=“back”

属性添加到

按钮

。但是，如果您希望使用此选项，则更安全的做法是添加

data history=“false”

，以免返回上一页

<button href="#" id= "popup-button"  data-theme="c" data-rel="back" data-history="false">OK</button>

OK

---

将代码包装在

pageinit

中，并使用

.on

使用正确的事件绑定

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

或者，将

data rel=“back”

属性添加到

按钮

。但是，如果您希望使用此选项，则更安全的做法是添加

data history=“false”

，以免返回上一页

<button href="#" id= "popup-button"  data-theme="c" data-rel="back" data-history="false">OK</button>

OK

使用

这只是一个演示者

我还添加了data role=“button”data rel=“back”

data-role="button" data-rel="back" 在这种情况下，Javascript不是必需的

使用

这只是一个演示者

我还添加了data role=“button”data rel=“back”

data-role="button" data-rel="back"

---

Javascript在这种情况下是不必要的

奇怪的是，您的代码不再工作。。。或者至少它对我不起作用。奇怪的是，你的代码不再起作用了。。。或者至少它对我不起作用。