如何将一些 html 元素添加到 jquery ui 对话框

【问题标题】：How to add some html element to jquery uidialog如何将一些 html 元素添加到 jquery ui 对话框
【发布时间】：2012-03-27 05:03:27
【问题描述】：

是否可以在显示 uidialog 时添加一些 html 元素。我想在右上角添加徽标图像。可能吗？

【问题讨论】：

标签： jquery css jquery-ui jquery-plugins jquery-ui-dialog

【解决方案1】：

是的，您可以在创建对话框后修改 DOM。我已经为你做了一个小例子，所以你可以得到关于如何做的提示

http://jsfiddle.net/CH5Yp/

$(function() {
    $( "#dialog" ).dialog({
        create: function(){
            var logo = $("<div/>").addClass("logo");
            $(this).append(logo);
        }
    });
});

还有 CSS

.logo{
    background: #FF0000;
    width:50px;
    height:10px;
    position:absolute;
    top:0px;
    left:0px;
}

【讨论】：

【解决方案2】：

为其创建的 div 分配一个 ID。调用对话框后，您可以将所需的 HTML/节点附加到 div 中。设置您希望它显示在左上角的正确 CSS。

可能有一种方法可以通过主题化来实现。见http://jqueryui.com/demos/dialog/

【讨论】：

【解决方案3】：

你可以使用对话框的open事件

$( ".selector" ).dialog({

    /* other dialog options*/


   open: function(event, ui) {

       var logo=''; /* ?? not sure of logo source */
      $(this).append( logo);

    }
});

【讨论】：