jQuery Forum

in my code i show iframe with another asp page inside dialog

iframe and its wrapper are dynamic elements (which created before dialog showes and removed after its closed) 

here is my code:

2.        // Dialog Link
3.        $('#dialog_link').click(function () {
4.         $('<div id="dialog" ><iframe src="Default.aspx"></iframe></div>').dialog(
5.                        {
6.                            width: 200,
7.                            height: 200,
8.                            modal: true,
9.                            open: function () {
10.                                // $(this).find('iframe').attr('src', 'Default.aspx');
11.                            }     
12.                         , close: function () {
13. 
    
14.                             $(this).remove();
15. 
    
16.                         }
17.                        }//end of inner parameter
18.                     )//end of dialog()

after displaying dialog once, and closse and reopen it again- the inputs on the page inside iframe became inaccessible

 (it happens only in IE, versions 8,7)

 Workaround i have found:

to refresh iframe before rremove it

2.                         , close: function () {
3. 
   
4.                             //workaround
5.                             $(this).find('iframe')[0].src = $(this).find('iframe')[0].src;
6.                             $(this).remove();
7. 
   
8.                         }

Hope it will help somebody