现在的位置: 首页 > 综合 > 正文

jQuery UI dialog 复用(reuse)

2013年07月08日 ⁄ 综合 ⁄ 共 511字 ⁄ 字号 评论关闭
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

抱歉!评论已关闭.