如何在jQuery uidialog中添加一些html元素

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。 調用對話框后，您可以將所需的HTML /節點附加到div。 設置合適的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);

    }
});