如何將一些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); 

    } 
});