jQuery UI dialog bugging after page reload

jQuery UI dialog bugging after page reload

Hello,

i'm currently working on a small project and i found a issue with the jQuery UI Dialogs after the page gets reloaded. I'm loading the pages dynamical with the $("id").load("url"); function in JQuery. If the user double clicks on a row in a table the dialog will show and will contain the data the rows currently holds. But after the reload of the page the labels inside the dialog are not changing.

This occured in IE8 i dont know what will happen in the other browsers not yet tested.

    Code:

  1. $("#mEdit").dialog({
  2. autoOpen:
    3. false ,
  3. modal:
    4. true ,
  4. buttons: [
  5. {
  6. text:
    7. "Wijzigigen" ,
  7. click:
    8. function () {
  8. $(
    9.  this ).dialog( "close" );
  9. }
  10. },
  11. {
  12. text:
    13. "Verwijderen" ,
  13. click:
    14. function () {
  14. $(
    15.  this ).dialog( "close" );
  15. }
  16. },
  17. {
  18. text:
    19. "Annuleren" ,
  19. click:
    20. function () {
  20. $(
    21.  this ).dialog( "close" );
  21. }
  22. }
  23. ],
  24. open:
    25. function () {
  25. //$tab_title_input.focus();
  26. var td = $( "#edit_mod_uid" );
  27. td.empty();
  28.  var textDiv = document.createElement( "div" );
  29. textDiv.setAttribute(
    30.  "id" , "edit_mod_uid_div" );
  30. textDiv.innerHTML = ModuleHandle.CurrentSelectedID;
  31. td.append(textDiv);
    32.
  32. },
  33. close:
    34. function () {
  34. }
  35. });
    36.

    Steps to reproduce:

    1. click link 1.

    2. double click row

    3. Text in dialog loaded correctly from the row.

    4. close dialog.

    5. click on link 1 again.

    6. double click row

    7. no text loaded from the row in the dialog.