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

列表HTML：data-id="{$ls['sid']}"和class="del"<td><ahref="{:U('Single/single',['sid'=>$ls['sid']])}"rel="

列表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 弹出删除确认界面的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。