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获取各种宽度、高度(format函数)实例
Mar 04 Javascript
使图片旋转的3种解决方案
Nov 21 Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
Feb 12 Javascript
jquery动态改变form属性提交表单
Jun 03 Javascript
Bootstrap 附加导航(Affix)插件实例详解
Jun 01 Javascript
angularjs 源码解析之injector
Aug 22 Javascript
jQuery+json实现动态创建复杂表格table的方法
Oct 25 Javascript
详解微信小程序 登录获取unionid
Jun 27 Javascript
JavaScript面向对象程序设计创建对象的方法分析
Aug 13 Javascript
解决vue中修改export default中脚本报一大堆错的问题
Aug 27 Javascript
重学 JS:为啥 await 不能用在 forEach 中详解
Apr 15 Javascript
vue-router定义元信息meta操作
Dec 07 Vue.js
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
多重?l件?合查?(二)
2006/10/09 PHP
php date与gmdate的获取日期的区别
2010/02/08 PHP
php Xdebug 调试扩展的安装与使用.
2010/03/13 PHP
PHP的可变变量名的使用方法分享
2012/02/05 PHP
Docker配置PHP开发环境教程
2016/12/21 PHP
PHP中如何使用Redis接管文件存储Session详解
2018/11/28 PHP
XHTML下,JS浮动代码失效的问题
2009/11/12 Javascript
Javascript 面向对象编程(coolshell)
2012/03/18 Javascript
jquery结合CSS使用validate实现漂亮的验证
2015/01/29 Javascript
用JavaScript实现PHP的urlencode与urldecode函数
2015/08/13 Javascript
Bootstrap图片轮播组件Carousel使用方法详解
2016/10/20 Javascript
JS冒泡事件与事件捕获实例详解
2016/11/25 Javascript
Bootstrap源码解读网格系统(3)
2016/12/22 Javascript
如何写好你的JavaScript【推荐】
2017/03/02 Javascript
vue脚手架中配置Sass的方法
2018/01/04 Javascript
vue 下列表侧滑操作实例代码详解
2018/07/24 Javascript
React注册倒计时功能的实现
2018/09/06 Javascript
angular中的post请求处理示例详解
2020/06/30 Javascript
pycharm 使用心得(七)一些实用功能介绍
2014/06/06 Python
python logging类库使用例子
2014/11/22 Python
Python3实现从指定路径查找文件的方法
2015/05/22 Python
python中的代码编码格式转换问题
2015/06/10 Python
Python IDLE 错误:IDLE''s subprocess didn''t make connection 的解决方案
2017/02/13 Python
浅谈Python中的私有变量
2018/02/28 Python
基于Python pip用国内镜像下载的方法
2018/06/12 Python
Python爬虫之Selenium实现窗口截图
2020/12/04 Python
python 实现客户端与服务端的通信
2020/12/23 Python
html5 canvas-1.canvas介绍(hello canvas)
2013/01/07 HTML / CSS
纪伊国屋泰国网上书店:Kinokuniya泰国
2017/12/24 全球购物
Mountain Hardwear官网:攀岩服装和户外装备
2019/09/26 全球购物
大学英语演讲稿范文
2014/04/24 职场文书
优秀实习生主要事迹
2014/05/29 职场文书
奥巴马上海演讲稿
2014/09/10 职场文书
公司财务制度:成本管理控制制度模板
2019/11/19 职场文书
oracle delete误删除表数据后如何恢复
2022/06/28 Oracle
python数字图像处理数据类型及颜色空间转换
2022/06/28 Python