layui 弹出删除确认界面的实例
(编辑:jimmy 日期: 2024/11/2 浏览:3 次 )
列表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 弹出删除确认界面的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
下一篇:vue-cli3跨域配置的简单方法