I developed a issue panel, when i click a button on the panel it pops out a dialog to show some information of the issue. When i click close button, the dialog closes.
But if i use the AJS.dialog2("#demo-dialog").hide() method, the dialog just hides from the panel. When i switch the issue, a new dialog html rendered. Then they conflict with each other.
But if i use the AJS.dialog2("#demo-dialog").remove() method, the dialog is removed from the DOM thoroughly. If i click the show button in the same issue, the dialog won't show again.
You can see the code in the attach.