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 相关文章推荐
简明json介绍
Sep 28 Javascript
javascript Base类 包含基本的方法
Jul 22 Javascript
Jquery下的26个实用小技巧(jQuery tips, tricks &amp; solutions)
Mar 01 Javascript
js 模拟气泡屏保效果代码
Jul 10 Javascript
使用jquery.validate自定义方法实现&quot;手机号码或者固话至少填写一个&quot;的逻辑验证
Sep 01 Javascript
JavaScript中的object转换成number或string规则介绍
Dec 31 Javascript
jQuery中innerWidth()方法用法实例
Jan 19 Javascript
快速实现JS图片懒加载(可视区域加载)示例代码
Jan 04 Javascript
微信小程序 扎金花简单实例
Feb 21 Javascript
vue实现同一个页面可以有多个router-view的方法
Sep 20 Javascript
uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能
Nov 12 Javascript
vue 路由懒加载中给 Webpack Chunks 命名的方法
Apr 24 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
PHP4和PHP5性能测试和对比 测试代码与环境
2007/08/17 PHP
YII2框架使用控制台命令的方法分析
2020/03/18 PHP
input 和 textarea 输入框最大文字限制的jquery插件
2011/10/27 Javascript
jquery post方式传递多个参数值后台以数组的方式进行接收
2013/01/11 Javascript
Javascript中For In语句用法实例
2015/05/14 Javascript
基于HTML+CSS,jQuery编写的简易计算器后续(添加了键盘监听)
2016/01/05 Javascript
Node.js中npm常用命令大全
2016/06/09 Javascript
谈谈因Vue.js引发关于getter和setter的思考
2016/12/02 Javascript
js实现图片旋转 js滚动鼠标中间对图片放大缩小
2017/07/05 Javascript
js学使用setTimeout实现轮循动画
2017/07/17 Javascript
javascript 缓冲运动框架的实现
2017/09/29 Javascript
jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
2018/04/26 jQuery
vue2.0 路由模式mode=&quot;history&quot;的作用
2018/10/18 Javascript
javascript实现画板功能
2020/04/12 Javascript
[00:28]DOTA2北京网鱼队选拔赛
2015/04/08 DOTA
Django 多语言教程的实现(i18n)
2018/07/07 Python
Python实现压缩文件夹与解压缩zip文件的方法
2018/09/01 Python
python RC4加密操作示例【测试可用】
2019/09/26 Python
python3 实现调用串口功能
2019/12/26 Python
Python求两个字符串最长公共子序列代码实例
2020/03/05 Python
利用Python裁切tiff图像且读取tiff,shp文件的实例
2020/03/10 Python
服务器端jupyter notebook映射到本地浏览器的操作
2020/04/14 Python
Django实现内容缓存实例方法
2020/06/30 Python
python 模拟登陆github的示例
2020/12/04 Python
python中lower函数实现方法及用法讲解
2020/12/23 Python
详解移动端Html5页面中1px边框的几种解决方法
2018/07/24 HTML / CSS
美国购买新书和二手书网站:Better World Books
2018/10/31 全球购物
美国滑板店:Tactics
2020/11/08 全球购物
薇姿法国官网:Vichy法国
2021/01/28 全球购物
Why do we need Unit test
2013/01/03 面试题
土木工程专业个人求职信
2013/12/30 职场文书
公务员年度个人总结
2015/02/12 职场文书
2016年世界人口日宣传活动总结
2016/04/05 职场文书
Nginx搭建rtmp直播服务器实现代码
2021/03/31 Servers
Win11绿屏怎么办?Win11绿屏死机的解决方法
2021/11/21 数码科技
vue实现简易音乐播放器
2022/08/14 Vue.js