layui--弹出删除确认界面

这篇博客介绍了如何使用layui库来创建一个弹出的删除确认界面。在HTML列表中,为删除操作添加了特定的class和data-id属性。当用户点击删除按钮时,JavaScript监听该事件,并通过layui的layer模块显示确认对话框。如果用户确认删除,会发送AJAX请求到后台删除指定ID的数据,根据返回的提示信息给用户反馈,成功后刷新页面。
摘要由CSDN通过智能技术生成

列表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: 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值