jquery - 使用 jQuery UI 对话框小部件显示图像，就像在 FancyBox 中一样

Question

我刚刚开始使用 jQuery 以及主题和 CSS 框架。我正在为我的 AJAX 调用创建一些对话框，一切正常，但我在显示图像时遇到问题。

我过去使用 FancyBox 来简单地预览同一页面中的图像，将一个类应用于 anchor ，然后执行类似以下操作: $("a.example.").fancybox();.

有办法用 jQuery UI 对话框做到这一点吗？

谢谢你!

Answer 1

HTML

<a class="preview" href="#" />
<div class="myImage">
   <img src="http://myimage.png" alt="myimage" />
</div>

CSS

div.myImage
{
    display: none;
}

jQuery

$("a.preview").click(function() {
    $('div.myImage').dialog();
});