JQueryMobile close dialog WITHOUT page refresh

Question

Although this question was asked earlier, they are not a workaround. I have a form and a click on the checkbox. I want to open a popup / dialog box and I want the user to enter some data in the popup / dialog box, but when the dialog / popup window closes, my parent page loses all the data as it reloads, Could you help me achieve the same .

Answer 1

This can be done using SimpleDialog2 http://dev.jtsage.com/jQM-SimpleDialog/ but it is not that progress, gui seems to be distorted by some resolutions.

Answer 2

The JQuery mobile popup widget compares the current url with the source and refreshes the page if they do not match. Therefore, if you want to prevent this behavior, you need to avoid a pop-up widget that affects the story. Just add data-history = "false" to your widget. However, I am not sure about the dialog widgets because it is completely different from the popup. Hope this helps.

Answer 3

If you are using data-rel = "back", you need to remove it. After that, I think you need to add this action to the close button in the dialog box.

$('yourButton').click(function(){ $('yourDialog').popup('close'); });