1. 程式人生 > >layui--彈出刪除確認介面

layui--彈出刪除確認介面

列表HTML:data-id="{$ls['sid']}" 和class=" del"

   <td>
        <a href="{:U('Single/single',['sid'=>$ls['sid']])}" class="layui-btn layui-btn-mini">
          編輯
       </a>
      <a href="javascript:;" 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>