jQuery UI dialog 复用(reuse)

dialog的一般使用
  1. $('<div/>').dialog({autoOpen:false}).dialog('open');
打开什么东西都没有,可以在dialog(options).html(xxxx)来添加内容。
总不能可能html一个字符串来复用,所以方便点的方法应该是先写个元素用来复用,如下:
一般消息窗口
  1. <div style="display:none;" id="forDialog">
  2.     <h3></h3>
  3.     <div class="content">
  4.         <p style="display:none"></p>
  5.     </div>
  6. </div>

那么在$(selector).dialog(options).html($(“forDialog”).html)

由此可以定义错误消息或者成功消息如dialog(options).html(“forErrorDialog”)等。

options的复用直接设置一个全局的options对象var dialogOptions={};

不过我觉得有个function来创建默认Options更好,这样不需要清除上次设置dialogOptions的麻烦。

OK,that's all

posted @   today4king  阅读(655)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
点击右上角即可分享
微信分享提示
主题色彩