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

【问题标题】：Adding addition buttons to jquery dialog box将添加按钮添加到 jquery 对话框
【发布时间】：2015-11-12 18:08:28
【问题描述】：

我有一个 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
        }

任何帮助将不胜感激。

谢谢

【问题讨论】：

您可以尝试在 jsfiddle.net 中创建应用程序的这一部分吗？

标签： javascript jquery jquery-ui-dialog

【解决方案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();
});

【讨论】：