jQuery UI对话框 - 如何从iframe中的链接打开对话框

时间:2011-07-14 11:03:11

标签: jquery user-interface iframe dialog

我想从链接irame中打开一个对话框,但是我不能让它弹出一个对话框 谁知道原因?

我在html中有一个iFrame <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');

});

1 个答案:

答案 0 :(得分: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});
});