javascript - 通过 JavaScript 创建对话框

Question

我已在 JSFiddle 上尝试了以下操作:

HTML:

<div id="dialog" title="Basic dialog">
  <p>Hello.</p>
</div>

<a href="www.google.com">Link</a>

JavaScript

$(document).ready(function() {
    $( "#dialog" ).dialog({ autoOpen: false }); 
    $(document.body).on('click',"a",function(event){ 
        if ($(this).hasClass('ui-dialog-titlebar-close')) return;
        event.preventDefault();        
        $("#dialog").dialog('open');
    });  
});

我想实现相同的功能，但是通过 JavaScript 创建对话框。也就是说，我不想拥有 <div id="dialog" ...>在 HTML 中。我怎样才能做到这一点？

Answer 1

您可以通过单击创建对话框，而不仅仅是显示对话框。这是 jsfiddle 上的示例.

基本上，您创建 DOM 节点并直接通过它应用对话框。这就是使用 $(HTML HERE).dialog() 方法可以完成的事情。