1

目前我有工作代码创建一些选择和复选框对象并将它们覆盖在当前文档上。然而，这是一个糟糕的解决方案，我需要将其改为非模式对话框，以便更容易阅读并且可以移动。我在 jqueryui.com 上查看了演示，但是当我复制源代码时，我什至无法让它显示一个对话框，所以我想我错过了一些东西。

'chooser' 变量中的值是固定的。在用户选择其中一个值后，我会根据选择创建一组复选框。当检查复选框或未选中复选框时，代码将执行一些操作（此处未显示）。如何将选择集和复选框改为非模态 jQuery 对话框对象并将其显示给用户，直到他们决定关闭它？除了以下对象之外，它唯一需要的另一件事是能够最小化和关闭。

var chooser = '<select class="criteria" id="criteria">' +
'<option value="Value 1">Value 1</option>' +
'<option value="Value 2">Value 2</option>' +
'</select>';

jQuery('.myClassName').addClass('my-chooser').append(
'<div class="criteria-chooser" id="criteria-chooser"></div>');
jQuery('.criteria-chooser').append(chooser);

jQuery('.criteria-chooser').append('<div class="criteria-choices" id="criteria-choices"></div>');
jQuery('.criteria-choices').append('<br>');
for (var i=0; i<len; i++) {
    jQuery('.criteria-choices').append('<tr>' +
    '<td><input type="checkbox" checked class="criteria-checkbox" id="' + i +
    '"></td>' +
    '<td> ' + arrayValue[i] + '</td>' +
    '</tr>');
}
4

0 回答 0