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 相关文章推荐
javascript实现的网页局布刷新效果
Dec 01 Javascript
JavaScript 无符号右移赋值操作
Apr 17 Javascript
javascript iframe内的函数调用实现方法
Jul 19 Javascript
Javascript 实用小技巧
Apr 07 Javascript
基于pthread_create,readlink,getpid等函数的学习与总结
Jul 17 Javascript
判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解
Nov 07 Javascript
百度地图给map添加右键菜单(判断是否为marker)
Mar 04 Javascript
javascript字体颜色控件的开发 JS实现字体控制
Nov 27 Javascript
解决循环中setTimeout执行顺序的问题
Jun 20 Javascript
Node批量爬取头条视频并保存方法
Sep 20 Javascript
vue模仿网易云音乐的单页面应用
Apr 24 Javascript
让 babel webpack vue 配置文件支持智能提示的方法
Jun 22 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代码包装修正版
2008/03/15 PHP
在PHP中使用模板的方法
2008/05/24 PHP
Zend Framework实现将session存储在memcache中的方法
2016/03/22 PHP
Windows 下安装 swoole 图文教程(php)
2017/06/05 PHP
Laravel框架模型的创建及模型对数据操作示例
2019/05/07 PHP
详解PHP PDO简单教程
2019/05/28 PHP
一个XML格式数据转换为图表的例子
2010/02/09 Javascript
jquery lazyload延迟加载技术的实现原理分析
2011/01/24 Javascript
jQuery中[attribute*=value]选择器用法实例
2014/12/31 Javascript
javascript实现简单的二级联动
2015/03/19 Javascript
省市区三级联动下拉框菜单javascript版
2015/08/11 Javascript
使用jQuery中的wrap()函数操作HTML元素的教程
2016/05/24 Javascript
微信小程序 网络请求(GET请求)详解
2016/11/16 Javascript
angular4自定义组件详解
2017/09/28 Javascript
nodejs+mongodb aggregate级联查询操作示例
2018/03/17 NodeJs
React key值的作用和使用详解
2018/08/23 Javascript
Vue源码解析之数组变异的实现
2018/12/04 Javascript
python批量提交沙箱问题实例
2014/10/08 Python
Python基础教程之浅拷贝和深拷贝实例详解
2017/07/15 Python
flask入门之表单的实现
2018/07/18 Python
pycharm配置当鼠标悬停时快速提示方法参数
2019/07/31 Python
Python猜数字算法题详解
2020/03/01 Python
selenium WebDriverWait类等待机制的实现
2020/03/18 Python
CSS3 Flexbox中flex-shrink属性的用法示例介绍
2013/12/30 HTML / CSS
Moda Italia荷兰:意大利男士服装
2019/08/31 全球购物
EJB3.1都有哪些改进
2012/11/17 面试题
花店创业计划书范文
2014/02/07 职场文书
婚纱摄影师求职信范文
2014/04/17 职场文书
超市开店计划书
2014/04/26 职场文书
超市周年庆活动方案
2014/08/16 职场文书
乡镇防汛工作汇报
2014/10/28 职场文书
单位婚育证明范本
2014/11/21 职场文书
医院财务人员岗位职责
2015/04/14 职场文书
培训讲师开场白
2015/06/01 职场文书
停发工资证明范本
2015/06/12 职场文书
Pandas||过滤缺失数据||pd.dropna()函数的用法说明
2021/05/14 Python