Databases
StackOverflow2013
Postsdbo
POScript within a jQueryUI modal dialog box only works once
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POScript within a jQueryUI modal dialog box only works once
    text
    copied!<p>I have a table that, when any row is clicked, launches a jQueryUI modal dialog box to allow users to edit that record. I use the following script which seems to work, successfully loading the relevant record's details in using AJAX:</p> <pre><code>$("#datatbl tr").bind('click', function() { var url = 'item_edit.asp?id='+$(this).attr("data-myid"); var dialog = $('&lt;div style="display:hidden" title="Record details:"&gt;&lt;/div&gt;').appendTo('body'); // load remote content dialog.load( url, {}, function (responseText, textStatus, XMLHttpRequest) { dialog.dialog({ height: 440, width: 550, autoOpen: false, modal: true, buttons: { "Update this record": function() { $('#editform').submit(); }, Cancel: function() { $( this ).dialog( "close" ); } } }); dialog.dialog('open'); } ); //prevent the browser to follow the link return false; }); </code></pre> <p>It works ok the first time I click on a record, but if I click cancel and try to edit another record, the dialog box does appear (with the correct record details) however, no scripts within the dialog box work - eg: there's a jqueryUI datepicker input and some validation. </p> <p>There are no javascript errors and, from my limited understanding of FireBug, I can't spot anything going wrong so I would appreciate some advice how to proceed, thanks!</p> <p><b><i>EDIT: Argh! Sometimes, it takes something like typing it out here to spot the obvious. I just realised that the DIV created for the dialog box doesn't get destroyed when the box closes. I've added a line to do this and it now works. Thanks for listening. :)</i></b></p> <p>For future reference, I added an ID to the DIV created in 'var dialog' and removed it in the Cancel function: </p> <pre><code>Cancel: function() { $( this ).dialog( "close" ); $('#dialogbox').remove(); } </code></pre> <p>I'd still appreciate if anybody suggests a better way to handle this behaviour.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload