jquery弹出框的用法示例(2)
2024-05-06 14:36:17
供稿：网友
第二种情况是关于弹出框，没有关闭按钮，但是点击其他地方的时候，弹出框消失，这个还涉及到一些关于层次问题，必须用js给弹出框的父元素加上更高的层次，以免被下面的内容覆盖。
代码如下:
<div class="listBox">
<div class="tit">
<h2>询盘分配</h2>
<div class="listTit">
<ul>
<li class="inquryCon">询盘详情</li>
<li>联系人</li>
<li>所在地</li>
<li>来源</li>
</ul>
</div>
</div>
<div class="listTable">
<ul class="listInqury listInquNew">
<li>
<div class="listInName">
<div class="listName"><a href="">电主轴,需要在45号钢上钻孔，需要电主轴带自给进功能，给进形成在电主轴,需要在45号钢上钻孔</a></div>
</div>
<div class="conTel">李经理</div>
<div class="listInAdress">安徽宿州</div>
<div class="orgin">在线客服</div>
<a class="assigneeBtn clickBtn" href="" contentid=".pwdTips" id="1">分配到人</a>
<div class="onLine">半小时前</div>
<div class="clear"></div>
<div class="winDiaBox"> <i></i>
<div class="dialogInfor">
<div class="row">
<div class="label">日期：</div>
<div class="cell">2013-7-25 14:54:54</div>
</div>
<div class="row">
<div class="label">来源：</div>
<div class="cell">在线客服</div>
</div>
<div class="row">
<div class="label">客户所在地：</div>
<div class="cell">上海闵行</div>
</div>
<div class="row">
<div class="label">联系人：</div>
<div class="cell">上海闵行</div>
</div>
<div class="row">
<div class="label">联系方式：</div>
<div class="cell">上海闵行</div>
</div>
<div class="row">
<div class="label">QQ：</div>
<div class="cell">34455566666</div>
</div>
<div class="row">
<div class="label">询盘详情：</div>
<div class="cell">想要个3*1300的剪板机，能裁3个的不锈钢板 1300的就行。有现货吗?不含税最低多钱?（烟台）</div>
</div>
<div class="row">
<div class="label">营销客服：</div>
<div class="cell">上海闵行</div>
</div>
</div>
</div>
</li>
<li>
<div class="listInName">
<div class="listName"><a href="">电主轴,需要在45号钢上钻孔，需要电主轴带自给进功能，给进形成在电主轴,需要在45号钢上钻孔</a></div>
</div>
<div class="conTel">李经理</div>
