首页 > 编程 > JavaScript > 正文

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

2019-11-19 10:52:01
字体:
来源:转载
供稿:网友

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表