Question

我正在尝试动态更改Jquery UI对话框的格式。我有一个数组，取决于＆＃34;格式＆＃34;参数我传递给createDialog函数，该类应该更改（＆＃34;绿色＆＃34;类为＆＃34;良好＆＃34;，＆＃34;红色＆＃34;类为＆＃34;坏＆＃34; ）：

var array = [["bullet1","bad"],["bullet2","good"], ["bullet3","bad"],["bullet4","good"]];

$('#a-button').click(function() {
var current = 0;
//current dynamically changes in the longer version of the code
var format = array[0][1];
createDialog(array[current][0], current, format);
});

function createDialog(data, current, format) {
var $div = $('<div>');
$div.html(data).dialog({

//condition I add which breaks the page
if (array[current][1] == "bad") { format = "red";
} else {
format = "green";
}

dialogClass: format,
width:"auto",

});
}

供参考我的CSS如下：

.ui-dialog.red {
border: 3px solid red;
}

.ui-dialog.green {
border: 3px solid green;
 }

任何人都可以给我正确的语法来添加这个条件而不会破坏代码（如果删除条件，代码将有效）？

Answer 1

您可以使用ternary operator使dialogClass成为声明

function createDialog(data, current, format) {
var $div = $('<div>');
$div.html(data).dialog({
   dialogClass: array[current][1] == "bad"?"red":"green",
   width:"auto",
});
}

Jquery UI对话框条件格式

1 个答案: