如何将一些html元素添加到jQuery的uidialog

Question

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

Answer 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; 
}​ 

Answer 2

给它创建的div分配一个ID。一旦你调用了对话框，你可能会追加你想要的div的HTML /节点。设置合适的CSS，让它显示在左上角。

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

Answer 3

可以使用open事件的对话框

$(".selector").dialog({ 

    /* other dialog options*/ 


    open: function(event, ui) { 

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

    } 
});