jQuery、layer实现弹出层的打开、关闭功能

 更新时间:2017年06月28日 09:57:18   作者:菜鸟进军大神陆  
这篇文章主要介绍了jQuery、layer实现弹出层的打开、关闭功能,需要的朋友可以参考下

打开弹出层:

在list页面带入layer.js 

在list页面点击时,弹出form弹出层,list.js:

$(".add_category,.update").click(function(){  
    //弹出框  
    var doMain = $('.domain_name').val();  
    layer.open({  
      shade: [0.5, '#000', false],  
      type: 2,  
      area: ['900px', '530px'],  
      fix: false, //不固定  
      maxmin: true,  
      title: ['添加或修改用户类型', false],  
      content: doMain+"/Stat/QueryUserCategoryForm.action?adminUserCategory.id="+$(this).val()  
    });  
  });  

在点击form弹出层的“保存”按钮时,如果保存数据成功,则关闭弹出层,并且刷新list页面:

<span style="color:#000099;">submitHandler: function (form){  
      $.post(  
        $('.domain_name').val()+"/Stat/AddOrUpdateUserCategory.action",  
        $(form).serialize(),  
        function(data){  
          var result = eval("("+data+")");  
          if(!result.status){  
            alert(result.message);  
          }else{  
            //添加数据成功,关闭弹出窗之前,刷新列表页面的数据  
            parent.window.location.href=$('.domain_name').val()+"/Stat/QueryUserCategoryListStat.action";  
            </span><span style="color:#ff6666;"> var index = parent.layer.getFrameIndex(window.name); //获取窗口索引  
            parent.layer.close(index); </span><span style="color:#000099;"> 
          }  
        }  
      );  
    } </span> 

以上所述是小编给大家介绍的jQuery、layer实现弹出层的打开、关闭功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • 老生常谈JQuery data方法的使用

    老生常谈JQuery data方法的使用

    下面小编就为大家带来一篇老生常谈JQuery data方法的使用。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • jQuery时间轴插件使用详解

    jQuery时间轴插件使用详解

    本文给大家分享的是使用jQuery制作的模仿百度时间轴特效的代码,效果非常不错,有需要的小伙伴可以参考下。
    2015-07-07
  • jQuery实现带玻璃流光质感的手风琴特效

    jQuery实现带玻璃流光质感的手风琴特效

    这篇文章主要介绍了jQuery实现带玻璃流光质感的手风琴特效,是一款基于jQuery+CSS3实现手风琴特效,希望你可以喜欢。
    2015-11-11
  • 利用jQuery treetable实现树形表格拖拽详解

    利用jQuery treetable实现树形表格拖拽详解

    这篇文章主要为大家介绍了如何利用jQuery treetable实现树形表格拖拽功能,文中的示例代码讲解详细,感兴趣的小伙伴可以动手尝试一下
    2022-06-06
  • 远离JS灾难css灾难之 js私有函数和css选择器作为容器

    远离JS灾难css灾难之 js私有函数和css选择器作为容器

    当一个项目庞大到一定阶段,例如UI展示层采用了模块化模板化之后,就会出现js灾难,css灾难,经常出现以前从来不放在一起的两个js或css莫名奇妙的被放到了一个页面,基本的原因是模块重用造成的
    2011-12-12
  • ASP SQL防注入的方法

    ASP SQL防注入的方法

    前一篇我们介绍了一种防SQL注入的终极方法,也就是最原始、最简单、最有效也是最通用的方法,就是数据类型的检查加单引号的处理,具体的内容前面一篇已经介绍过了,这里我就不重复了
    2008-12-12
  • jQuery 和 CSS 的文本特效插件集锦

    jQuery 和 CSS 的文本特效插件集锦

    这篇文章主要汇总了20种jQuery 和 CSS 的文本特效插件,都是比较热门的特效插件,推荐给有需要的小伙伴。
    2014-12-12
  • jQuery参数列表集合

    jQuery参数列表集合

    jQuery参数列表集合,学习jquery的朋友可以收藏下。
    2011-04-04
  • jQuery实现下拉框左右选择的简单实例

    jQuery实现下拉框左右选择的简单实例

    本篇文章主要是对jQuery实现下拉框左右选择的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • 解决jquery的.animate()函数在IE6下的问题

    解决jquery的.animate()函数在IE6下的问题

    最近刚在项目里面花心思捉摸JQ,所以有些心得也及时放上来,理解不足的地方也请教下大家。
    2010-12-12

最新评论