layui--弹出删除确认界面

列表HTML:data-id="{$ls['sid']}" 和class=" del"

   <td>
        <a href="{:U('Single/single',['sid'=>$ls['sid']])}" class="layui-btn layui-btn-mini">
          编辑
       </a>
      <a href="javascript:;" data-id="{$ls['sid']}" data-opt="del" class="layui-btn layui-btn-danger layui-btn-mini del">
         删除
      </a>
 </td>

js:

<script type="text/javascript">
    layui.use('layer', function(){
        var $ = layui.jquery;
        // 删除操作
        $('a.del').click(function() 
        {
            var sid = $(this).data('id');// 获取点击项的id
            
            layer.confirm("确认要删除吗,删除后不能恢复", { title: "删除确认" }, function (index) {
                
                $.post("{:U('Admin/Single/del')}", { sid: sid }, function (data) 
                {
                      var num = data.code==200 ? 1 : 2;
                      layer.msg(data.msg,{icon:num,shade:0.3,offset: '40%',time:2000});

                     //layer.close(index); //如果设定了yes回调,需进行手工关闭
                      setTimeout(function(){
                          //刷新
                          location.reload();
                      },1000);
                });
            }); 

        })
    })
</script>

猜你喜欢

转载自blog.csdn.net/a898712940/article/details/84024556