分类导航
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsVueDojoJsonElectronNode.jsExpressXMLAjaxUnityReactFlexWeb前端微信小程序支付小程序百度小程序

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

jQuery   发布时间：2022-03-30  发布网站：大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了使用jQuery UI Dialog小部件显示图像,如FancyBox，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我刚开始使用jQuery与主题和CSS框架.我正在为我的 AJAX调用做一些对话,一切运行良好,但我有显示图像的问题.

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

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

谢谢！

解决方法

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

大佬总结

以上是大佬教程为你收集整理的使用jQuery UI Dialog小部件显示图像,如FancyBox全部内容，希望文章能够帮你解决使用jQuery UI Dialog小部件显示图像,如FancyBox所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：dialogfancyboxjqueryui使用图像显示部件
猜你在找的jQuery相关文章
其他相关热搜词更多
phpJavaPython程序员load中如何string使用参数jquery开发安装listlinuxiosandroid工具javascriptcap