Question

我有一个jquery对话框，我希望在满足条件时动态添加一个额外的按钮。

我在页面加载时设置对话框如下

$("#confirmT").dialog({
    autoOpen: false,
    open: function() {
        pullResources(cat, id);
        },
    autoResize:true,
    width: 800,
    modal: true,
    title: 'Select Resources',
    buttons: {
        Cancel: function() {$(this).dialog( "close" );}},
    close: function() {
        }
        });

然后当条件为真时，我希望它添加另一个按钮以允许用户向数据库添加内容。这是我到目前为止（从jQuery ui网站，但没有任何反应。没有错误产生，只是没有。

if ($sub == 1)
{
?>
        <script type = 'javascript'>
        function addbuttons()
        {
            // Setter
            $( "#confirmT" ).dialog( "option", "buttons", 
            [
                {
                    text: "Ok",
                    click: function() {
                            //do something
                    }
                }
            ]
            );

            } 
            addbuttons();</script>
            <?php
        }

非常感谢任何帮助。

由于

Answer 1

试试这个： - http://jsfiddle.net/uvep1fnc/

最初添加按钮，根据条件调出javascript函数隐藏按钮。

<强> JS： -

$(function () {
    $("#dialog-confirm").dialog({
        resizable: false,
        height: 200,
        width: 500,
        modal: true,
        buttons: [{
            text: "Delete all items",
            class: "aditya",
            click: function () {
                $(this).dialog("close");
            }
        }, {
            text: "Cancel",
            click: function () {
                $(this).dialog("close");
            }
        }]
    });

    function foo() {
        $("#dialog-confirm").closest(".ui-dialog").find(".aditya").hide();
    }

    foo();
});

将添加按钮添加到jquery对话框

1 个答案:

试试这个： - http://jsfiddle.net/uvep1fnc/