jquery - その場でjQueryダイアログを作成する

Question

現在、いくつかの選択オブジェクトとチェックボックス オブジェクトを作成し、これらを現在のドキュメントにオーバーレイする作業コードがあります。ただし、これは悪い解決策であり、読みやすく、移動できるように、代わりに非モーダル ダイアログ ボックスにする必要があります。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>');
}