layui 弹出删除确认界面的实例
时间:2021-01-01 13:17:28|栏目:JavaScript代码|点击: 次
列表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>
栏 目:JavaScript代码
下一篇:JavaScript String.replace函数参数实例说明
本文标题:layui 弹出删除确认界面的实例
本文地址:http://www.codeinn.net/misctech/38948.html