jquery 用户界面 : how to open a dialog

Question

我刚刚检查了打开对话框的 jQuery UI 示例，奇怪的是消息需要用 HTML 编写并通过 jQuery 选择器读取:

http://jqueryui.com/demos/dialog/

 <script>
 $(function() {
  $( "#dialog" ).dialog();
 });
 </script>



<div class="demo">

<div id="dialog" title="Basic dialog">
 <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

我想要做的很简单，我希望对话框显示一个定义为js变量的字符串，如下所示:

var cmd_str = "abcdefg";
$(cmd_str).dialog();

但这似乎效果不太好。

Answer 1

它不能是任何字符串，它必须是 html。

var cmd_str = "<div>abcdefg</div>";
$(cmd_str).dialog();

或者可能是一个更干净的版本:

var cmd_str = "abcdefg";
$(cmd_str).wrap("<div></div>").dialog();

进一步说明:

$("abcdefg")将匹配 <abcdefg />元素为 $("a")将匹配 <a />元素。

销毁:

最简单的方法是将用于对话框的 jquery 对象保存在这样的变量中。

var cmd_str = "abcdefg";
var $message = $(cmd_str).wrap("<div></div>").dialog();

function destroyMessage(){
    $message.dialog("destroy");
}