Как создать диалоговое окно JQuery UI для отображения фрагмента кода HTML?

Question

Обычно текст, отображаемый для диалога JQuery, помещается в скрытый div, а затем вызывается с помощью $("#cs0").dialog();.

Однако, если текст для отображения представляет собой HTML-код, например:

  <div id="cs0">
    <a href="http://www.mysite.com/">
      <img border="0" alt="MySite" src="http://www.mysite.com/images/buttons/mybutton.jpg" />
    </a>
  </div>

Диалог не отображает его буквально.Как диалоговое окно отображает содержимое div явно, а не его исполнение?

См .: http://jsfiddle.net/DqgGH/2/

PS

Iпробовал:

$("<div><a href="http://www.mysite.com/"><img border="0" alt="Convert-Kit" src="http://www.mysite.com/images/buttons/mybutton.jpg" /></a></div>").dialog();

но не работает !!!

Answer 1

Один из способов вывести его в виде необработанного HTML - установить содержимое div с помощью text().

HTML:

<div id="il0">MyButton</div>

<div id="cs0"></div>

Javascript:

$('#cs0').hide();

$('#il0').click(function() {
    $('#cs0').text('<a href="http://www.mysite.com/"><img border="0" alt="MySite" src="http://www.mysite.com/images/buttons/mybutton.jpg" /></a>').dialog();
});