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


Posted in Javascript onSeptember 06, 2019

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

Javascript 相关文章推荐
jquery 简单导航实现代码
Sep 11 Javascript
jquery下利用jsonp跨域访问实现方法
Jul 29 Javascript
jQuery实现鼠标滑过点击事件音效试听
Aug 31 Javascript
AngularJS HTML DOM详解及示例代码
Aug 17 Javascript
AngularJS ng-style中使用filter
Sep 21 Javascript
Swiper实现轮播图效果
Jul 03 Javascript
利用纯js + transition动画实现移动端web轮播图详解
Sep 10 Javascript
js封装成插件的步骤方法
Sep 11 Javascript
使用node打造自己的命令行工具方法教程
Mar 26 Javascript
axios 封装上传文件的请求方法
Sep 26 Javascript
JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】
Dec 19 Javascript
Vue的编码技巧与规范使用详解
Aug 28 Javascript
vue-cli3跨域配置的简单方法
Sep 06 #Javascript
微信小程序 组件的外部样式externalClasses使用详解
Sep 06 #Javascript
对layui中的onevent 和event的使用详解
Sep 06 #Javascript
在layui下对元素进行事件绑定的实例
Sep 06 #Javascript
Nuxt.js实现一个SSR的前端博客的示例代码
Sep 06 #Javascript
layui type2 通过url给iframe子页面传值的例子
Sep 06 #Javascript
使用layui的router来进行传参的实现方法
Sep 06 #Javascript
You might like
PHP仿博客园 个人博客(2) 数据库增添改删
2013/07/05 PHP
php中session退出登陆问题
2014/02/27 PHP
Codeigniter控制器controller继承问题实例分析
2016/01/19 PHP
jQuery+PHP实现图片上传并提交功能
2020/07/27 PHP
[对联广告] JS脚本类
2006/08/27 Javascript
提升你网站水平的jQuery插件集合推荐
2011/04/19 Javascript
jQuery插件实现表格隔行换色且感应鼠标高亮行变色
2013/09/22 Javascript
用jquery仿做发微博功能示例
2014/04/18 Javascript
jQuery学习笔记之 Ajax操作篇(二) - 数据传递
2014/06/23 Javascript
Node.js文件操作方法汇总
2016/03/22 Javascript
文本框只能输入数字的实现方法(兼容IE火狐)
2016/06/25 Javascript
浅析JavaScript中作用域和作用域链
2016/12/06 Javascript
字太多用...代替的方法(两种)
2017/03/15 Javascript
很棒的vue弹窗组件
2017/05/24 Javascript
详解vue beforeRouteEnter 异步获取数据给实例问题
2019/08/09 Javascript
[39:02]DOTA2亚洲邀请赛 3.31 小组赛 B组 Mineski vs VGJ.T
2018/04/01 DOTA
Python中的引用和拷贝浅析
2014/11/22 Python
Python中selenium实现文件上传所有方法整理总结
2017/04/01 Python
15行Python代码带你轻松理解令牌桶算法
2018/03/21 Python
Python操作MySQL数据库的两种方式实例分析【pymysql和pandas】
2019/03/18 Python
Python实现变声器功能(萝莉音御姐音)
2019/12/05 Python
Python接口自动化判断元素原理解析
2020/02/24 Python
Python参数传递及收集机制原理解析
2020/06/05 Python
python实现ping命令小程序
2020/12/28 Python
详解CSS3选择器的使用方法汇总
2015/11/24 HTML / CSS
非洲NO.1网上商店:Jumia肯尼亚
2016/08/18 全球购物
美国女性运动零售品牌:Lady Foot Locker
2017/05/12 全球购物
荣耀商城:HIHONOR
2020/11/03 全球购物
运动会解说词200字
2014/02/06 职场文书
安踏广告词改编版
2014/03/21 职场文书
继承公证书样本
2014/04/04 职场文书
井冈山红色之旅感想
2014/10/07 职场文书
交通局领导班子群众路线教育实践活动对照检查材料思想汇报
2014/10/09 职场文书
创业计划书之宠物店
2019/09/19 职场文书
读《儒林外史》有感:少一些功利,多一些真诚
2020/01/19 职场文书
springboot中一些比较常用的注解总结
2021/06/11 Java/Android