layui.open在点击按钮回调中不关闭弹层return false不生效

news/2025/2/8 14:20:07 标签: layui, 前端, javascript

问题说明

今天在做一个弹窗提交数据的功能,layer.open弹窗自带的按钮,点击后,关闭了。希望的是如果验证不通过,弹出提示,弹窗不关闭。

我的代码

layer.open({
   title:"产品",
       area:["350px","300px"],
       content:res,
       btn:['提交'],
       btn1: function (index, layero) {
           var goods_name=$('#goods_name').val();
           var goods_num=$('#goods_num').val();
     		//省略了一些代码

       },
   })

解决过程

搜索了之后,给出的答案是在回调函数里添加return false就不会关闭了。我给代码添加了return false;还是不行。
添加后的代码

layer.open({
   title:"产品",
       area:["350px","300px"],
       content:res,
       btn:['提交'],
       btn1: function (index, layero) {
           var goods_name=$('#goods_name').val();
           var goods_num=$('#goods_num').val();
     		//省略了一些代码
			return false;
       },
   })

继续搜索,发现解决方案都是添加return false;只能继续搜,问了AI。
终于找到了解决方案,不是ai给的,AI也是添加return false。

type: 0 表示的是信息框层,该类型的层同时只能存在一个。 把 type:0 改成 type:1 (页面层)即可。要仔细阅读文档。

我的默认没有添加type,默认就是0;修改为type:1,改为type:1默认没有按钮,自己添加按钮。这是最新的代码,亲测可用。

layer.open({
      type:1, //改为1
      title:"产品",
      area:["300px","300px"],
      content:res,
      btn:['提交'], //手动添加按钮
      btn1: function (index, layero) {
          var goods_name=$('#goods_name').val();
          var goods_num=$('#goods_num').val();
          //省略了一些代码
          return false;

      },
  })

http://www.niftyadmin.cn/n/5844952.html

相关文章

grafana面板配置opentsdb

新增面板: 这里add-panel: 如果不是想新增面板而是想新增一行条目,则点击convert to row: 在新增的面板这里可以看到选择数据源 Aggregator:聚合条件,区分下第一行和第二行的aggregator,第一个是对指标值的聚合&…

python编程-内置函数compile(),exec(),complex(),eval()详解

1. compile() 函数 ‌用途‌:将一个字符串源代码编译为字节码对象,这样可以直接被Python解释器执行,或者通过exec()或eval()函数来执行。 ‌参数‌: source:一个字符串或AST(抽象语法树)对象&am…

​PDFsam Basic是一款 免费开源的PDF分割合并工具

PDFsam Basic 是一款功能强大的 PDF 工具,专为满足用户对 PDF 文件的各种操作需求而设计。它能够高效地拆分、合并、提取页面、混合以及旋转 PDF 文件,为用户提供灵活的文档处理解决方案。 合并 PDF 文件 PDF 合并是 PDFsam Basic 最受欢迎的功能之一。…

TcpClientTest

ClientTest: using System; using System.Net.Sockets; using System.Text;class TcpClientTest {static void Main(string[] args){try{// 创建一个TcpClient实例并连接到服务器 TcpClient client new TcpClient("1vg5062570.51mypc.cn", 43319);//1v…

团餐订餐系统源码企业订餐小程序写字楼办公区团餐软件开发

市场前景 近年来,随着社会经济的发展和人们生活节奏的加快,团餐市场规模持续扩大,现已稳稳占据了整个餐饮市场三分之一左右的份额,成为了推动餐饮行业发展的重要力量。截至2023年,中国团餐行业市场规模达22350亿元&am…

kafka消费端之分区分配策略

文章目录 概述分区分配策略RangeAssignor分配策略RoundRobinAssignor分配策略StickyAssignor自定义分区分配策略 总结 概述 我们知道kafka的topic可以被分成多个分区,消费者在集群模式下消费时一个消费组内的每个消费者实例只能消费到一个分区的消息,那…

idea——IDEA2024版本创建Sping项目无法选择Java 8

目录 一、背景二、解决方式(替换创建项目的源地址) 一、背景 IDEA2024创建一个springboot的项目,本地安装的是1.8,但是在使用Spring Initializr创建项目时,发现版本只有17、21、23。 二、解决方式(替换创…

sql批量更新和删除语句

1.更新一条数据 update om_sellorder set SOSTATUS2 where id 283d3eb87b134e1c993b70b018406285 2.更新多个数据为某一个特点值 string ID context.Request["ID"]; //需要替换‘,’逗号,不然识别不出ID数据这里注意 ‘ID’ 是一个逗号(&a…