通常,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();
但是它不起作用!!!
最佳答案
将其输出为原始 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();
});
关于jquery - 如何创建 JQuery UI 对话框来显示 HTML 代码片段?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9029156/