首页 | 新闻 | 交流 | 问吧 | 文档 | 手册 | 下载 | 博客

jQuery UI dialog 复用(reuse)

作者:  时间: 2011-06-09

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

作者: KKcat 发表于 2011-06-09 18:14 原文链接

评论: 0 查看评论 发表评论


最新新闻:
· 搜狐视频升级支付通道 推出电子钱包功能(2011-06-09 18:08)
· 基于Chrome内核 人人网推出三款定制浏览器(2011-06-09 18:06)
· Twitter帮助天文学家观察M51超新星(2011-06-09 18:02)
· 科学家直接测量波函数(2011-06-09 18:01)
· Oracle将JDeveloper基于OSGi重构,并增加JSF 2支持(2011-06-09 17:59)

编辑推荐:第二个iPhone应用程序:“Say Hello”

网站导航:博客园首页  我的园子  新闻  闪存  小组  博问  知识库