【Layui】自行配置弹出层

author：咔咔

wechat：fangkangfk

前端使用的是layui框架，点击删除的时候后台数据不好传，于是就索性不要自带的弹出层了，自己实现一个

  

   

    

     

    
    

     

      //js代码
     
    
   

    

     

    
    

     

              $('.del').click(function(){
     
    
   

    

     

    
    

     
            var that = $(this);
     
    
   

    

     

    
    

     
            var dn_id = that.data('id');
     
    
   

    

     

    
    

     

                  layer.open({
     
    
   

    

     

    
    

     
                title: false, 关闭左上角的‘信息’
     
    
   

    

     

    
    

     

                      closeBtn :0,  关闭右上角的关闭
     
    
   

    

     

    
    

     
                content: '删除之后无法恢复，您确定要删除吗？'
     
    
   

    

     

    
    

     

                      ,btn: ['确认', '取消']  配置按钮
     
    
   

    

     

    
    

     

                      ,yes: function(index, layero){
     
    
   

    

     

    
    

     

                          $.post("{:url('domain/delDoamin')}",{dn_id:dn_id},function(r){
     
    
   

    

     

    
    

     
                        console.log(r)
     
    
   

    

     

    
    

     
                        if(r.code == 1){
     
    
   

    

     

    
    

     

                                  that.parents('tr').remove();
     
    
   

    

     

    
    

     

                              }
     
    
   

    

     

    
    

     
                        else{
     
    
   

    

     

    
    

     

                                  layer.msg(r.msg,{time:1800});
     
    
   

    

     

    
    

     

                              }
     
    
   

    

     

    
    

     

                          });
     
    
   

    

     

    
    

     

                          layer.close(index) 点击确定或者取消关闭弹出框
     
    
   

    

     

    
    

     

                      }
     
    
   

    

     

    
    

     

                  });
     
    
   

    

     

    
    

     

              })
     
    
  
 

文章来源: blog.csdn.net，作者：咔咔-，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/fangkang7/article/details/85016972