jquery uidialogにhtml要素を追加する方法

Question

uidialogが表示されているときにhtml要素を追加することは可能ですか？右上にロゴ画像を追加したい。出来ますか？

Answer 1

はい、ダイアログの作成後にDOMを変更できます。あなたは、ダイアログのopenイベントを使用することができます

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を割り当てます。ダイアログを呼び出すと、必要なHTML /ノードをdivに追加することができます。左上に表示させる適切なCSSを設定します。

テーマ設定で行う方法があるかもしれません。 http://jqueryui.com/demos/dialog/

Answer 3

を-行う方法についてのヒントを得ることができるので、私はあなたのために少し例を行っている

$(".selector").dialog({ 

    /* other dialog options*/ 


    open: function(event, ui) { 

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

    } 
});