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 相关文章推荐
JS 创建对象(常见的几种方法)
Nov 03 Javascript
jquery下实现overlay遮罩层代码
Aug 25 Javascript
javascript修改表格背景色实例代码分享
Dec 10 Javascript
获取select元素被选中的文本内容的js代码
Jan 29 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
May 03 Javascript
Bootstrap基本组件学习笔记之下拉菜单(7)
Dec 07 Javascript
Angular.js实现多个checkbox只能选择一个的方法示例
Feb 24 Javascript
彻底学会Angular.js中的transclusion
Mar 12 Javascript
使用Vue动态生成form表单的实例代码
Apr 26 Javascript
webstorm中配置Eslint的两种方式及差异比较详解
Oct 19 Javascript
VUE解决微信签名及SPA微信invalid signature问题(完美处理)
Mar 29 Javascript
ES6常用小技巧总结【去重、交换、合并、反转、迭代、计算等】
Dec 21 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 的加密函数 md5,crypt,base64_encode 等使用介绍
2012/04/09 PHP
PHP调用wsdl文件类型的接口代码分享
2014/11/19 PHP
php中ob函数缓冲机制深入理解
2015/08/03 PHP
php each 返回数组中当前的键值对并将数组指针向前移动一步实例
2016/11/22 PHP
PHP实现可精确验证身份证号码的工具类示例
2018/05/31 PHP
玩转jQuery按钮 请告诉我你最喜欢哪些?
2012/01/08 Javascript
Jquery操作js数组及对象示例代码
2014/05/11 Javascript
jQuery.lazyload+masonry改良图片瀑布流代码
2014/06/20 Javascript
javascript使用call调用微信API
2014/12/15 Javascript
JavaScript实现列出数组中最长的连续数
2014/12/29 Javascript
浅谈javascript实现八大排序
2015/04/27 Javascript
简介JavaScript中toUpperCase()方法的使用
2015/06/06 Javascript
浅谈JavaScript函数的四种存在形态
2016/06/08 Javascript
如何在Angular.JS中接收并下载PDF
2016/11/26 Javascript
vue devtools的安装与使用教程
2018/08/08 Javascript
使用vue构建多页面应用的示例
2020/10/22 Javascript
[01:10]DOTA2次级职业联赛 - Fly战队宣传片
2014/12/01 DOTA
Python中itertools模块用法详解
2014/09/25 Python
Python信息抽取之乱码解决办法
2017/06/29 Python
Python设计模式之简单工厂模式实例详解
2019/01/22 Python
Pycharm+Python+PyQt5使用详解
2019/09/25 Python
HTML5中drawImage用法分析
2014/12/01 HTML / CSS
马来西亚在线购物:POPLOOK.com
2019/12/09 全球购物
广播电视新闻学专业应届生求职信
2013/10/08 职场文书
银行财务部实习生的自我鉴定
2013/11/27 职场文书
学生会离职感言
2014/02/11 职场文书
西式婚礼主持词
2014/03/13 职场文书
人力资源主管的岗位职责
2014/03/15 职场文书
公司年终奖分配方案
2014/06/16 职场文书
竞选学委演讲稿
2014/09/13 职场文书
幼儿园国庆节活动总结
2015/03/23 职场文书
2015年119消防宣传日活动总结
2015/03/24 职场文书
详解CSS不受控制的position fixed
2021/05/25 HTML / CSS
在pycharm中无法import所安装的库解决方案
2021/05/31 Python
python爬取网页版QQ空间,生成各类图表
2021/06/02 Python
Spring Security动态权限的实现方法详解
2022/06/16 Java/Android