Как добавить некоторый HTML-элемент в jquery uidialog

Question

Можно ли добавить какой-либо элемент html при отображении uidialog.Я хочу добавить изображение логотипа в верхний правый угол.Является ли это возможным?

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

Вы можете использовать open событие диалога

$( ".selector" ).dialog({

    /* other dialog options*/


   open: function(event, ui) {

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

    }
});

Answer 3

Назначьте идентификатор для div, который он создает. После того, как вы вызвали диалоговое окно, вы, вероятно, можете добавить нужные HTML / узлы в div. Установите правильный CSS, который вы хотите, чтобы он отображался в верхнем левом углу.

Там может быть способ сделать это с тематикой. Смотри http://jqueryui.com/demos/dialog/