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操作cookie方法实例教程

    jQuery操作cookie方法实例教程

    这篇文章主要介绍了jQuery操作cookie方法,包括了对cookie的读取、写入、删除等常用的操作,并给出了实例总结,需要的朋友可以参考下
    2014-11-11
  • 13个绚丽的Jquery 界面设计网站推荐

    13个绚丽的Jquery 界面设计网站推荐

    今天共享一些令人振奋的UI教程,这些UI大部分是基于Jquery的插件,主要包括动态切换视图的相册、3D旋转分享按钮、Facebook admin Panel,下滑效果的导航Menu,滑翔购物车功能,漂亮的Form表单元素等等。
    2010-09-09
  • 基于jQuery模拟实现淘宝购物车模块

    基于jQuery模拟实现淘宝购物车模块

    这篇文章主要介绍了如何利用jQuery+css+html模拟实现淘宝购物车模块,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起动手尝试一下
    2022-03-03
  • jQuery实现表单验证

    jQuery实现表单验证

    这篇文章主要为大家详细介绍了jQuery实现表单验证,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • jQuery购物网页经典制作案例

    jQuery购物网页经典制作案例

    这篇文章主要为大家详细介绍了jQuery购物网页经典制作案例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • 深入理解JQuery keyUp和keyDown的区别

    深入理解JQuery keyUp和keyDown的区别

    这篇文章主要是对JQuery中keyUp与keyDown的区别进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • jquery获取节点名称

    jquery获取节点名称

    这篇文章主要介绍了jquery获取节点名称的相关资料,需要的朋友可以参考下
    2015-04-04
  • jQuery实现鼠标经过时出现隐藏层文字链接的方法

    jQuery实现鼠标经过时出现隐藏层文字链接的方法

    这篇文章主要介绍了jQuery实现鼠标经过时出现隐藏层文字链接的方法,涉及jQuery鼠标hover事件的响应及页面元素的动态处理技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • 当jquery ajax遇上401请求的解决方法

    当jquery ajax遇上401请求的解决方法

    下面小编就为大家带来一篇当jquery ajax遇上401请求的解决方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • jQuery大于号(>)选择器的作用解释

    jQuery大于号(>)选择器的作用解释

    这篇文章主要介绍了jQuery大于号(>)选择器的作用解释,本文用代码实例讲解jQuery大于号的作用,需要的朋友可以参考下
    2015-01-01

最新评论