JavaScript实现关闭当前弹窗并加载新弹窗的方法求助

Hey there! No worries at all as a JS newbie—we all start somewhere, and it's totally okay to ask for guidance 😊

Since you're using jQuery Mobile (from the data-role="popup" and ui-btn classes in your code), we can leverage its built-in popup events to handle this scenario perfectly. Here's how to do it step by step:

核心思路 #

Use jQuery Mobile's popupafterclose event—this event fires after the target popup has fully closed, which is exactly the right time to trigger your second popup.

具体实现代码 #

First, make sure your second popup is properly set up (with data-role="popup" and a unique ID, just like waitDiscoveryDialog). Then add this JavaScript code:

// Wait for the jQuery Mobile page to finish initializing
$(document).on("pagecreate", function() {
  // Listen for the "after close" event on your wait dialog
  $("#waitDiscoveryDialog").on("popupafterclose", function() {
    // Replace "yourSecondPopupId" with the actual ID of your second popup
    $("#yourSecondPopupId").popup("open", {
      transition: "pop", // Optional: match the transition style you want
      positionTo: "window" // Optional: set where the popup should appear
    });
  });
});

关键注意事项 #

• Ensure your second popup is initialized: If your second popup is added dynamically (not present when the page loads), you'll need to initialize it first with $("#yourSecondPopupId").popup(); before calling popup("open").
• Avoid nested popup issues: jQuery Mobile handles consecutive popups well, but make sure you don't have any conflicting event bindings that might interfere.
• Test edge cases: If the first popup might be closed programmatically (not just via user click), this event will still trigger, so your second popup will open regardless of how the first one was closed.

内容的提问来源于stack exchange，提问作者Tony Joy