如何創建一個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/

附：

我想：

$("<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的一種方法是使用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(); 
});