JQuery UIダイアログを作成してHTMLコードスニペットを表示する方法は？

Question

通常、JQueryダイアログに表示するテキストは、divに隠してから$("#cs0").dialog();で呼び出されます。ダイアログは、文字通り、それを表示しません

<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> 

：しかし

、テキストを表示する場合は、次のような、HTMLコードです。どのようにしてダイアログにその実行ではなく明示的にdivのコンテンツを表示させるか？

参照：http://jsfiddle.net/DqgGH/2/

P.S.

私が試した：

$("<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として出力する1つの方法は、text()を使用してdivの内容を設定することです。

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(); 
});