layer如何实现关闭当前窗口页面以及确认取消按钮的方法

这篇文章主要为大家展示了“layer如何实现关闭当前窗口页面以及确认取消按钮的方法”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“layer如何实现关闭当前窗口页面以及确认取消按钮的方法”这篇文章吧。

成都创新互联-专业网站定制、快速模板网站建设、高性价比昌江网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式昌江网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖昌江地区。费用合理售后完善,十载实体公司更值得信赖。

如下所示:

function demo() {
 layer.confirm('您是如何看待前端开发?', {
  btn: ['重要','奇葩'] //按钮
 }, function(){
  var index = parent.layer.getFrameIndex(window.name);
  parent.layer.close(index);//关闭当前页
  layer.msg('的确很重要', {icon: 1});
 }, function(){
  layer.msg('也可以这样', {
   time: 1000, //20s后自动关闭
   btn: ['明白了', '知道了']
  });
 });
}

var index = parent.layer.getFrameIndex(window.name);

parent.layer.close(index);//关闭当前页

确认及取消按钮

layui.use('layer',function () {
 layer.confirm("请问是否确定删除,删除后不可恢复?", {
  btn: ["确定","取消"] //按钮
 }, function(){
  confirm('确定?');
  layer.closeAll('dialog');
 }, function(){
  alert('您已点击取消')
 });
});
layui.use('layer',function () {
 layer.open({
  type: 1,
  title: '订单详情',
  closeBtn: 1,
  fix: false,
  offset: '100px' ,
  btn: ['确定', '取消'],
  content: '姓名:',
  success: function (layero, index) {
 
  },
  cancel: function (index) {
   alert("OK")
  }
 })
})

以上是“layer如何实现关闭当前窗口页面以及确认取消按钮的方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


分享标题:layer如何实现关闭当前窗口页面以及确认取消按钮的方法
文章来源:http://bzwzjz.com/article/ihgdsh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站制作公司 品牌网站建设 重庆网站制作 外贸营销网站建设 网站建设公司 成都企业网站设计 手机网站设计 营销型网站建设 移动手机网站制作 网站设计 手机网站制作 成都营销网站建设 网站设计公司 营销型网站建设 成都网站建设 成都网站设计 广安网站设计 盐亭网站设计 成都网站建设公司 成都网站建设 成都网站设计 成都网站建设