JQuery的dialog用法总结

来源：互联网发布：蜂窝移动网络下载编辑：程序博客网时间：2024/04/30 01:45

示例：

1. 作为弹出框的div层的脚本：

<div title="操作" id="dialogform" class="tableForm2" style="display: none;">          <form id="operate" width="100%">              <table width=100% cellpadding="0" cellspacing="0" style="margin-bottom:8px">                  <td width="20%">                          提示：                      </td>                      <td id="msg" style="color: red">                          点击左边内容进行操作                      </td>                  </tr>                  <tr>                      <td>                          名称：                          <span style="color: red">*</span>                      </td>                      <td>                          <input type="text" id="aName" name="aName" maxlength="10"                          validate="notNull" desc="名称" size="40"></input>                      </td>                  </tr>                  <tr>                      <td>                          URL：                      </td>                      <td>                          <input type="text" id="aUrl" name="aUrl" size="40"></input>                      </td>                  </tr>                  <tr>                      <td>                          操作：                      </td>                      <td>                          <button type="button" onclick="ok()" style="width: 80px; height: 25px"> 确定 </button>                      </td>                  </tr>              </table>          </form>            <iframe src="<%=basePath%>*/*/goToPage"               id="catFrame" height="200px"></iframe>      </div>

2. 页面加载时初始化js脚本:

$(function() {$("#dialogform").dialog({autoOpen: false,height: 380,width: 500,modal: true});});

3. 显示和关闭dialog时的方法：

$("#dialog-form").dialog("open");
$("#dialog-form").dialog("close");
$("#dialog-form").dialog("destory");