小编Tra*_*rav的帖子

为什么使用'<div />'作为JQuery UI对话框方法中的对象有效?

请考虑以下创建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 />使用有效选项呢?

javascript jquery jquery-ui

0
推荐指数
1
解决办法
46
查看次数

标签 统计

javascript ×1

jquery ×1

jquery-ui ×1