jQuery Dialog 动态添加按钮

Question

我遇到以下问题。我正在尝试使用 iframe 在模式对话框中添加动态按钮。我有带有标准按钮的 Iframe 对话框(例如关闭、确定......)。新内容发布后由 iframe url scr 属性加载，我需要动态添加新按钮，例如“注册”。我的代码:

var iDlg= $('<iframe src=price.php?code="'+uCode+'" frameborder="0" />').dialog({
                modal: true,
                dialogClass: 'priceBox',
                title: 'Detail',        
                height: 400,
                width: 500,
                draggable: false,
                resizable: false,
                //show: "fade",
                buttons: {
                "close": function() {
                    $( this ).dialog( "close" );
                }
            }       
            }).width(480);

price.php 来源:

<script type="text/javascript">
    $(document).ready(function(){
        var opt = {
            buttons: {
                'New button...': function () {
                    $(this).dialog('close');
                }
            }
        };
        $(iDlg).dialog('option', opt);


    });
    </script>

但是，这个解决方案不起作用。请帮忙。谢谢。

Answer 1

您必须告诉它您要传递什么选项。在本例中，您要传递“buttons”选项的值:

$(document).ready(function(){
   var btns = {
       'New button...': function () {
            $(this).dialog('close');
        }
    };
    iDlg.dialog('option', 'buttons', btns);
});