layui 弹出删除确认界面的实例

Z时代
2024-01-10
分类：综合

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


<td>
    <a href="{:U('Single/single',['sid'=>$ls['sid']])}" rel="external nofollow" class="layui-btn layui-btn-mini">
     编辑
    </a>
   <a href="javascript:;" rel="external nofollow" 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>