easyDialog 显示弹出框


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部分, 拥有鼠标的拖拽,可以移动的对话框的重点!!!!


效果:


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值