Jquery 仅当单击某个按钮时显示弹出窗口

Jquery 仅当单击某个按钮时显示弹出窗口,jquery,html,jquery-ui,jquery-mobile,popup,Jquery,Html,Jquery Ui,Jquery Mobile,Popup,片段: 我有一段代码几乎可以正常工作。我试图只在点击按钮时显示弹出窗口,而不是在其他任何时候。您将在代码段中看到,如果在第一次尝试时单击“报告”按钮,它将生成两个选项: 场景一:第一次加载页面并单击“报告”按钮时,您可以点击“报告1”或“删除页面”,两个链接都可以正常工作。如果单击“x”,弹出窗口将关闭,而不会发生其他任何事情 场景二:如果单击“报告”按钮,则单击“删除页面”按钮,然后单击随后的弹出窗口。然后单击“报告”按钮(再次)并点击“x”关闭弹出窗口,此时将显示删除弹出窗口(不应出现这种情

片段:

我有一段代码几乎可以正常工作。我试图只在点击按钮时显示弹出窗口,而不是在其他任何时候。您将在代码段中看到,如果在第一次尝试时单击“报告”按钮,它将生成两个选项:

场景一:第一次加载页面并单击“报告”按钮时,您可以点击“报告1”或“删除页面”,两个链接都可以正常工作。如果单击“x”,弹出窗口将关闭,而不会发生其他任何事情

场景二:如果单击“报告”按钮,则单击“删除页面”按钮,然后单击随后的弹出窗口。然后单击“报告”按钮(再次)并点击“x”关闭弹出窗口,此时将显示删除弹出窗口(不应出现这种情况)。我很确定这是由以下代码引起的:但我想我会用data dismissible=“false”来阻止它

我很抱歉这么罗嗦,但我想不出更好的方式来描述它。如果这是完全错误的,我的感情不会受到伤害,所以请继续告诉我


非常感谢

好的,点击
#deleteid
您将eventListener
popupafterclose
添加到
#reportsPopupDialog
中,当此弹出窗口关闭时将始终触发该对话框。 只需单击
#deleteid
按钮,即可显示
弹出对话框

$("#deleteid").click(function() {
  $('#reportsPopupDialog').popup('close');
  setTimeout(showDeletePopup, 500);
});
function showDeletePopup () {
  $('#popupDialog').popup('open');
}
这是一个


注意:
setTimeout
是因为您不能同时拥有两个弹出窗口,因此您需要等待一个弹出窗口首先完全关闭,然后才能打开下一个弹出窗口,单击
#deleteid
可将eventListener
popupafterclose
添加到
#reportsPopupDialog
中,此弹出窗口关闭时将始终触发该对话框。 只需单击
#deleteid
按钮,即可显示
弹出对话框

$("#deleteid").click(function() {
  $('#reportsPopupDialog').popup('close');
  setTimeout(showDeletePopup, 500);
});
function showDeletePopup () {
  $('#popupDialog').popup('open');
}
这是一个


注意:
setTimeout
是因为你不能同时有两个弹出窗口,所以你需要先等待一个弹出窗口完全关闭,然后再打开下一个

,这与我所希望的完全一样。关于jQuery弹出窗口,我学到了很好的一课。谢谢你的回答!如果我有能力的话,我会投赞成票:)这正是我所希望的。关于jQuery弹出窗口,我学到了很好的一课。谢谢你的回答!如果我有能力,我会投它的票:)