使用jQuery UI Dialog小部件显示图像，如FancyBox

我刚开始使用jQuery与主题和CSS框架。 我正在为我的AJAX调用做一些对话，但一切运行良好，但我在显示图像方面遇到了问题。

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

用jQuery UI Dialog可以做到这一点吗？

谢谢！

Answer 1

HTML

CSS

 div.myImage { display: none; } 

jQuery的

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