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 dialog documentation

JQueryUI对话框选项中的Switch Case：Button

1 个答案: