请考虑以下创建JQuery UI对话框的代码:
function showBox() {
$('<div />').html('This is my dialog').dialog({
buttons: {
'Okay': function(){
$(this).dialog('close');
},
'Return': function(){
$(this).dialog('close');
}
},
close: function(){ $(this).dialog('destroy').remove(); },
modal: true,
title: 'My Dialog Title',
width: 350
});
}
Run Code Online (Sandbox Code Playgroud)
以及HTML页面正文中的简单链接:
<a href="#" onClick="showBox()">Click to open a box</a>
Run Code Online (Sandbox Code Playgroud)
该代码完美地用于启动JQuery UI对话框.
我的问题是:为什么不使用<div />作为$()参数实际上产生工作盒子?
我一直用<div></div>我的$()的对话参数.在HTML中,div是需要打开和关闭标记的块级元素,那么为什么只<div />使用有效选项呢?