easyDialog 显示弹出框

来源:互联网 发布:室内定位技术 知乎 编辑:程序博客网 时间:2024/06/11 05:28


js 代码如下:

 JavaScript Code 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var dialog = easyDialog.open(
    {
        container : 'pop',
        drag : true,//是否可以拖拽
        overlay : true //是否有遮罩效果
    }
    );
initPopUpdate(personalCode);

$(".close-tc").click(function ()
{
    easyDialog.close();
}
);


前台页面:

 JavaScript Code 
1
2
3
4
5
6
7
8
9
10
11
<!--弹出窗内容-->
<div class="gp-tc" style="display: none;" id="pop">
    <div class="gp-tc-title">
        <div></div>
        <span id="easyDialogTitle">当前管理的基金</span> 
        <span  class="close-tc">×</span>
    </div>
     <div class="gp-tc-po" id="popDiv">
    </div>
  
</div>

一定要有个个id为easyDialogTitle 的dom元素, 用来作为dialog 的title部分, 拥有鼠标的拖拽,可以移动的对话框的重点!!!!


效果: