layui列表行操作按钮过多按钮隐藏后，按钮监听事件失效

最新推荐文章于 2024-01-25 17:37:36 发布

码农阿胖

最新推荐文章于 2024-01-25 17:37:36 发布

阅读量389

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_43630915/article/details/119381709

版权

本文介绍了解决layui列表中操作按钮过多导致隐藏后，按钮点击事件失效的问题。提供了一种有效的方法，直接在JS中应用即可恢复按钮的监听事件。

摘要由CSDN通过智能技术生成

直接复制进JS中即可，亲测有效。

		$(document).off('mousedown','.layui-table-grid-down').
        on('mousedown','.layui-table-grid-down',function (event

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

码农阿胖

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

解决layui页面按钮点击无反应,也不报错的问题

01-19

6. **使用Layui的调试功能**：Layui提供了一套调试工具，通过这些工具可以帮助开发者查看组件加载状态、事件监听情况等，这对于解决按钮点击事件不触发的问题很有帮助。 7. **审查代码逻辑**：仔细审查绑定事件的...

解决layui中的form表单与button的点击事件冲突问题

10-18

然而，在实际使用过程中，可能会遇到当表单(form)与按钮(button)的位置重叠时，按钮的点击事件失效的情况。这个问题的主要原因是浏览器的默认行为。在HTML中，form元素通常用于包裹表单输入控件，如input、select...

参与评论您还未登录，请先登录后发表或查看评论

layUI 列表操作按钮过多自动隐藏后按钮监听事件失效问题

刘大壮的快乐生活

05-16

9290

layUI踩坑：数据表格的监听工具条，点击事件没有反应

热门推荐

qq_41623154的博客

09-08

1万+

<%--类别展示--%> <table class="layui-hide" id="test"></table> <%--添加类别--%> <form id="addForm" method="post" hidden = "hidden"> <div style="margin:15px 5px 10px 5px...

layui各种事件无效（例如表格重载或分页插件按钮失效）的解决方法

qq3892997的博客

07-28

2201

排查之后，发现表格标签table定义了ID又定义了lay-filter，因我使用的layui从2.7.6升级到2.8.11，升级2.8+之后新增了ID，与原本的lay-filter功能基本一致，也就是定义了ID就不要定义lay-filter，否则例如我下面的id与lay-filter都定义不一致，导致定义的方法如果绑定的是表格的ID那么就会造成事件失效，解决办法要么删除id要么删除lay-filter。

layui之弹出层关闭和刷新问题

sunsineq的专栏

06-09

1938

本篇文章是根据本人实际开发的例子来讲的，不一定适用各位看官的情况描述：主页面，弹出第一个弹框，第一个弹框中在弹出第二个弹框，如图： 1是主页面，2是子弹窗，3是孙弹窗功能一：好了，第一个我要实现的功能是点击弹窗3的确定之后关闭弹窗3 上js代码，先贴出如何在主页面1中弹出弹窗2的代码： //弹窗2（代码写在主页面1） function edit() { var index = layer.open({//占坑！！！ type : 2, ...

在layui中layer弹出层点击事件无效的解决方法

10-16

在使用layui库与layer弹窗插件进行网页开发时，可能会遇到一个问题，即在layer弹出层中的点击事件无法正常工作。这个问题通常是由于事件绑定的方式不正确导致的。本文将详细解析这个问题的原因，并提供解决方案。 ...

基于layui的table工具条模块（弹出更多按钮）

愿天下没有bug

11-27

3584

基于layui的table工具条模块如下，当我们操作过多时占用列表位置太多，会导致不美观直接上效果怎么做到的呢，请看代码 //外部使用方法 //首先在use引用 layui.config({ version: true, base: 'layuiadmin/' //静态资源所在路径 }).extend({ index: 'li...

layui中，解决按钮太多，展示不全，点击无效问题

zhang123csdn的博客

06-01

1328

layui中，解决按钮太多，展示不全，点击无效问题

layui实现根据table数据判断按钮显示情况的方法

10-16

今天小编就为大家分享一篇layui实现根据table数据判断按钮显示情况的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

layer弹窗多按钮点击关闭问题解决

11-12

layer弹窗多按钮点击关闭问题解决

layui table 表格多个操作按钮使用记录

qq_42031243的博客

01-30

1837

在开发中有时候 table 表格的操作按钮是不固定的，可以有多个，三两个还好，如果操作的按钮过多的时候就不美观了，这时候我们就想把一下按钮添加到一个按钮列表中，在正常的情况下就隐藏起来，点击的时候弹出这个按钮列表，如：我们想要实现这种效果当我们点击更多的时候弹出一个按钮列表，这时候 ...

layui的数据表格，自定义添加按钮且可实现动态切换

最新发布

L_Augety的博客

01-25

2522

layui的数据表格，自定义添加按钮且可实现动态切换，实现不同按钮替换操作

Layui table表格操作列，按钮过多时展开点击失效问题解决方法

qq_41059788的博客

12-02

3791

// 缓存当前操作的是哪个表格的哪个tr的哪个td $(document).off('mousedown','.layui-table-grid-down') .on('mousedown','.layui-table-grid-down',function(event){ table._tableTrCurr = $(this).closest('td'); }); $(document)...

按钮过多时展开点击失效问题解决方法

weixin_43800624的博客

04-07

501

// 缓存当前操作的是哪个表格的哪个tr的哪个td $(document).off(‘mousedown’,’.layui-table-grid-down’) .on(‘mousedown’,’.layui-table-grid-down’,function(event){ table._tableTrCurr = $(this).closest(‘td’); }); $(document...

layui在toolbar使用上传控件在reload后失效的问题解决

Amo_lt的博客

04-22

3711

问题描述在layui的表格中，toolbar有自定义的上传文件按钮，使用layui.upload控件，该控件需要绑定一个按钮id。故开始并没有在toolbar的lay-event事件中写触发事件。而是单独在外面写了upload.render来实现上传。但是使用table.reload后，toolbar的上传文件按钮就失效了！！！！！！！！问题解决可以定义一个隐藏的button，作为上传文件u...

weixin_43992507的博客

09-02

4337

【本人修改版】效果图表格模式下，我这里使用userId做唯一【本人修改版】  <script type="text/html" id="app-table-bar"> <a class="layui-btn layui-btn-xs" data-dropdown="#userTbDrop_{{d.userId}}" no-shade="true">更多<i class="layui-icon layui

表格table中的td标签中的内容太多，影响整体外观，不美观。将一部分内容隐藏起来，用省略号代替

我是小妖怪,潇洒又自在

03-28

5741

表格table中的td标签中的内容太多，影响整体外观，不美观。将一部分内容隐藏起来，用省略号代替