Wie man ein html Element zu jquery uidialog hinzufügt

Question

Ist es möglich ein HTML Element hinzuzufügen wenn uidialog angezeigt wird? Ich möchte ein Logo in der oberen rechten Ecke hinzufügen. Ist es möglich?

Answer 1

Ja, Sie können das DOM ändern, nachdem der Dialog erstellt wurde. Ich habe ein kleines Beispiel für Sie getan, so dass Sie einen Hinweis bekommen, wie

http://jsfiddle.net/CH5Yp/

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

zu tun und die CSS

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

Answer 2

Weisen Sie dem erstellten Div eine ID zu. Sobald Sie den Dialog aufgerufen haben, könnten Sie wahrscheinlich die gewünschten HTML/Nodes an das div anhängen. Legen Sie das richtige CSS fest, das in der oberen linken Ecke angezeigt werden soll.

Möglicherweise gibt es einen Weg, dies mit Theme zu tun. Siehe http://jqueryui.com/demos/dialog/

Answer 3

Sie das open Ereignis des Dialogs

verwenden können

$(".selector").dialog({ 

    /* other dialog options*/ 


    open: function(event, ui) { 

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

    } 
});