jquery弹出框的用法示例(一)
2024-05-06 14:36:19
供稿：网友
最近做一个项目，许多功能都是关于弹出框的，以前觉得弹出框就那一种，很容易实现，但是最近真的做起这个功能了，发现会有好多自己考虑不到的问题。
比如关于一些添加，删除，修改的弹出框，当添加一些用户的时候，弹出框里要提交一些关于用户的信息，设置密码等信息，当修改的时候，根据用户的名字和id号来修改密码等等。
例子如下：
代码如下:
<ul class="tabPanel clearfix">
<li class="hover">
<a href="" class="close"></a>
<div class="panelBox">
<dl>
<dt id="dt1" contentid=".pwdTips">蓝枫前端</dt>
<dd>添加询盘【<a href="">10</a>】</dd>
<dd>跟踪询盘【<a href="">1000</a>】</dd>
</dl>
</div>
</li>
<li>
<a href="" class="close"></a>
<div class="panelBox">
<dl>
<dt id="dt2" contentid=".pwdTips">蓝枫前端</dt>
<dd>添加询盘【<a href="">10</a>】</dd>
<dd>跟踪询盘【<a href="">1000</a>】</dd>
</dl>
</div>
</li>
<li>
<a href="" class="close"></a>
<div class="panelBox">
<dl>
<dt id="dt3" contentid=".pwdTips">蓝枫前端</dt>
<dd>添加询盘【<a href="">10</a>】</dd>
<dd>跟踪询盘【<a href="">1000</a>】</dd>
</dl>
</div>
</li>
<li>
<a href="" class="close"></a>
<div class="panelBox">
<dl>
<dt contentid=".pwdTips">蓝枫前端</dt>
<dd>添加询盘【<a href="">10</a>】</dd>
<dd>跟踪询盘【<a href="">1000</a>】</dd>
</dl>
</div>
</li>
<li>
<a href="" class="close"></a>
<div class="panelBox">
<dl>
<dt id="" contentid=".pwdTips">蓝枫前端</dt>
<dd>添加询盘【<a href="">10</a>】</dd>
<dd>跟踪询盘【<a href="">1000</a>】</dd>
</dl>
</div>
</li>
<li>
<div class="panelBox addpanelBox">
<a class="addPanelBtn" contentid="div#pwdRest">添加</a>
</div>
</li>
</ul>
弹出框内容：
代码如下:
<div class="pwdTips" style="display:none;" id="pwdRest">
<a class="closeBtn" href="javascript:;"></a>
<div class="traDBox">
<div class="row" id="userName">
<div class="label" >用 户 名：</div>
<div class="cell"><input type="text" class="text" id="name" name="" value=""></div>
</div>
<div class="row">
<div class="label" >营销客服：</div>
