jquery - 在 JQueryUI 对话框选项中切换案例：按钮

Question

我想要实现的是根据我想要的条件在我的 JQueryUI 对话框中显示按钮。怎么做？这是我到目前为止所做的，但它不起作用。我的代码有问题吗？任何帮助请..

var _messageBoxButtons = 0 

$("#Dialog").dialog({
    autoOpen: true,
    modal: true,
    resizable: false,
    height: 150,
    width: 300,
    zIndex: 100000,
    closeOnEscape: false,
    open: function () {
        $(".ui-dialog-titlebar-close").hide();
    },
    title: "Testing Title",
    buttons: function()
    {
        switch(_messageBoxButtons)
        {
            case 0:
                return {
                    "OK": function (event) { }
                };
            case 1:
                return {
                    "Yeah": function (event) { }
                };
        }
    }

});

提前致谢

Answer 1

jquery ui 按钮可以采用一个对象或对象数组。它不能带函数。只需根据您的 var 创建对象或对象数组：

var _messageBoxButtons = 0 
switch(_messageBoxButtons)
    {
        case 0:
            var buttonsObjectArray = [{ text: "Ok", click: function() { $( this ).dialog( "close" ); }}];
        case 1:
            var buttonsObjectArray = [{ text: "Ok", click: function() { $( this ).dialog( "close" ); }},{ text: "Yeah", click: function() { $( this ).dialog( "close" );}}];
    }

然后把它放在你的对话框中：

....
title: "Testing Title",
buttons:  buttonsObjectArray
....

小提琴： http: //jsfiddle.net/qe9p7/您可以换出小提琴中的变量，用一两个按钮查看它。

jquery ui 对话框文档