Question

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

'chooser'var中的值是固定的。在用户选择其中一个值后，我会根据选择创建一组复选框。选中或取消选中复选框时，代码将执行某些操作（此处未显示）。如何将选择集和复选框转换为非模态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>');
}

动态创建jQuery对话框

0 个答案: