2011-07-14 6 views
0

Я хочу открыть диалог из ссылки i iframe, однако я не могу заставить его всплывать диалоговое окно Кто-нибудь знает причину?jQuery UI Dialog - Как открыть диалог из ссылки в iframe

У меня есть IFrame в HTML <iframe src="Add_Reviewer.html" width="100%" name="test" frameborder="0" scrolling="auto" height="100%"></iframe>

Моя ссылка в Add_Reviewer.html <a href="#" id="advance_add">Advance Add</a>

Мой JQuery код

var $advance_add = $('<div></div>') 
    .html('<iframe src="Advance_Add.html" width="100%" name="test" frameborder="0" scrolling="auto" height="100%">') 
    .dialog({ 
     autoOpen: false, 
     bgiframe: true, 
     width:650, 
     minWidth: 650, 
     height: 550, 
     closeOnEscape:true, 
     modal:true, 
     title: 'Addvance Add', 
     buttons : { 

        "Close" : function() { 
            $(this).dialog("close"); 
              } 
     } 
    }); 

$("#advance_add").click(function(e) { 

    e.preventDefault();  
$advance_add.dialog('open'); 

}); 
+0

Вы загружаете jQuery + jQuery UI в iFrame или родительском файле? – polarblau

ответ

2

Я использую этот код:

$("#advance_add").click(function() { 
    $('<iframe src="Advance_Add.html" frameborder="0" />').dialog({ 
     modal: true, 
     dialogClass: 'priceBox', 
     title: 'Your title',   
     height: 400, 
     width: 500, 
     draggable: false, 
     resizable: false}); 
});