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

列表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>

以上这篇layui 弹出删除确认界面的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。