bootstrap-table部分功能click事件失效

最新推荐文章于 2022-02-16 19:33:15 发布
最新推荐文章于 2022-02-16 19:33:15 发布
阅读量2.7k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 趟过的坑 文章标签： bootstrap-table click失效
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/lswandt/article/details/86691389
本文深入探讨了在手机端开发中遇到的JavaScript事件处理陷阱，特别是$(document).unbind()及$(document).off()的不当使用导致的问题。文章强调了直接从网络上复制代码可能带来的隐患，并建议开发者们在借鉴代码时务必考虑其对现有项目的影响。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

最深的坑就是自己挖的坑…

赶快检查是不是自己写了类似于 $(document).unbind(); $(document).off();的代码。

如果发现只有手机端会出现该问题，则要重点注意touchstart touchmove touchend等事件中写了上述代码。

教训：为了方便会直接从网上照搬一些代码，但是需要注意这些代码是否会影响原有代码。

解决bootstrap-table固定列checkbox选中没效果问题
kitt15的博客
11-09 4711
原理： click输入框之后， 1、先blur失去焦点， 2、然后设置input readonly属性 3、然后focus focus之后 去掉readonly 代码： var parentDiv = $("#parentDiv"); parentDiv.on("focus",".codeScan", function(e){ var that = $(th...
Fastadmin前端使用表格及其表格的操作二（Bootstrap-table）
rgrgrwfe的博客
12-12 1138
在前面的Fastadmin前台表格操作系列一中，我们已经把bootstrap-table表格成功移植到前台，并且数据显示是正常的。但是！！！！如果是跟我一样拿前台的user.js改的，不是使用后台生成的js复制粘贴到frontend的话，就会出现我们后台的btn-dialog（弹窗按钮），btn-ajax（ajax提交按钮），btn-addtabs（打开新标签按钮）这三大主要按钮都会失效，会变成跳转的，这个时候我们还是手动写一下Js，防止新同学不会（我也是刚学的）、不知道在哪写Js，所以我这里做一下示范。
前端之路：bootstrap table 按钮，元素，点击事件没反应，无效的解决方方案。
热门推荐
qq_33368846的博客
11-28 1万+
问题：bootstrap table 生成的表格里formatter添加 的 HTML元素 按钮，js 中添加 点击事件，点击没反应。或者点击好多次，刷新在点击，才有反应。 最近项目用到这个插件，马上就来坑了。自定义的button 点半天没反应， 猜测： 是这个表格插件 加载 数据的时候 跟 js 中 append 添加 html代码 ...
vue中使用bootstrapTable，但@click无效
qq_30908729的博客
02-18 1306
vue和bootstrapTable结合使用@click无效 解决方法： 1.在bootstrapTable生成每一行数据时先定义一个空的标签，用来后面挂载vue组件 { field: '', title: '操作', formatter: function(value, row...
bootstrap模态框里面加了按钮，但对按钮添加点击事件总是失败
王木木同学
03-29 3117
在.modal-footer的div里边放置了 两个<button>的按钮，但是在给其添加按钮的点击事件的时候总是失败（事件不被执行）。然后尝试获取 .modal-body的div里的内容也是失败。 <div id="modal-table" class="modal fade" tabindex="-1"> <div class="moda...
bootstrap动态添加html元素，onclick失效
nkymxx123456的博客
08-13 934
前端：动态添加html元素，onclick失效 现象：使用on事件，发现动态添加的元素绑定失效。 $("#id").on(“click”,function () { console.log(“deldeldel”) }) 解决：使用on绑定事件 $(document).on(‘click’,’#id’,function() { console.log(“deldeldel”) }); ...
bootstrap中模态框点击不触发点击事件原因
weixin_36944798的博客
07-29 4392
"click #TableEditor1": function (e, value, row, index) //正确 "click#TableEditor1": function (e, value, row, index) //错误 click跟#之间一个空格不小心删除掉了，注意下
bootstrapTable快速增加跳转到指定页
longspear的专栏
04-28 2436
bootstrapTable快速增加跳转到指定页一、基本思路与原理二、效果截图三、实现代码 一、基本思路与原理 前提 由于使用 bootstrapTable 早期版本，又不想进行升级，需要在以下前提下增加跳转到指定页支持。 a. 在不升级bootstrapTable版本，不使用bootstrapTable-page-jump-to扩展的前提下 b. 不修改bootstrapTable源码。 实现思...
transition-group在table表格中失效的问题
weixin_33811961的博客
04-13 1722
#持续划水中#本文章仅用作于个人学习笔记复制代码划重点 —— 个人笔记！(◔◡◔)参考文章：（墙）Vuejs transition on table rows最终效果图：今天在学习Vue的过渡&动画的时候遇到了一个困扰了一下午的问题。在根据官方文档提供的 列表过渡 中尝试给之前写的一个表格demo中的<tbody>下的<tr>行添加过渡效果的时候发现，过渡并没有...
Bootstrap中关于Checkbox全选实现不了的问题
Code__rookie的博客
10-05 1188
Bootstrap中关于Checkbox实现不了的问题解决 今天在用Bootstrap模板(使用的是Metronic模板)改写时，遇到需要对管理员批量重置密码的需求，需要自己实现Checkbox的全选和反选，但是对于我原来写的js代码，在这里就不适用了。 下面是界面 HTML部分代码 <table class="table table-striped table-bordered tab...
Bootstrap 模态框中加入的按钮不能实现点击事件？获取不到模态框中的内容？
Duktig的博客
05-12 8202
Bootstrap 模态框中加入的按钮不能实现点击事件？获取不到模态框中的内容？ 问题描述： 小编在使用Bootstrap的过程中，遇到了一个百思不得其解的问题。在.modal-footer的div里边放置了 两个<button>的按钮，但是在给其添加按钮的点击事件的时候总是失败（事件不被执行）。然后尝试获取 .modal-body的div里的内容也是失败。 原因： <div ...
click事件触发也有失灵的时候？
weixin_34034261的博客
06-21 245
2019独角兽企业重金招聘Python工程师标准>>> ...
bootstrap固定表格 无法使用复选框的解决方法
weixin_42213796的博客
07-22 968
添加配置项 onClickRow: function (row, $element) { //取消其它行的选中 $($element).addClass('success'); //以下代码是为了解决冻结列功能导致checkbox不能用问题 var begin=parseInt(row.RN)-1; var end=parseInt(row.RN);...
Bootstrap下Button的禁用
easyboot的专栏
09-14 1867
//禁用button $('#button').addClass('disabled'); // 按钮灰掉，但仍可点击。 $('#button').prop('disabled', true); // 按钮灰掉，且不可点击。  
Bootstrap设置按钮禁用
xiaxue168的博客
03-24 5164
Bootstrap框架中，按钮可以使用button标签或者a标签。设置按钮禁用可以通过两种方式，一种是通用CSS样式，一种是用过JS脚本动态设置，下面举例说明！ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap设置按钮禁用<...
boostrap- 解决<li><a>电脑端菜单中单击一次，手机端单击两次响应（oclick和touchstart）
鲸鱼姐的专栏
08-14 483
现象：电脑端单击一次，手机端单击两次响应 原因：电脑端oclick事件 手机端用touchstart事件，两种触发方式不一样 解决办法：添加oclick和touchstart事件，并使用e.preventDefault()阻止其他点击; $(document).ready(function() { $('a').on('click', function(e) { ...
bootstrap中下拉菜单点击事件 uncaught syntaxerror unexpected end of input异常问题
weixin_46020146的博客
05-18 133
bootstrap中下拉菜单点击事件 uncaught syntaxerror unexpected end of input异常问题
bootstrapTable
weixin_37391237的博客
03-15 701
事件event 事件函数的用法： 方法1 $('#table').bootstrapTable({ onEventName: function (arg1, arg2, ...) {// ...} }) var table=$('#user'); table..bootstrapTable({ onAll: function (arg1, arg2, ...) {}, onClickRow: function (arg1, arg2, ...) {}, } 方法2、 $('#table')
sk:button 添加click方法不能使用单引号变量，报错：Uncaught SyntaxError: Unexpected end of input
Day_Breaking的博客
02-16 319
使用 做权限处理 <sk:button type="button" rightKey="20220216184802" _class="btn btn-primary defualtBtn" onclick="editTarget(300, 'MONTH')">设置</sk:button> click方法里面有单引号的变量，点击会报错如下： 点开错误，莫名其妙 可能原因，未经考证 1.版本过低，不能使用单引号引入变量，据说高版本可用； 2.
bootstrap用不了
最新发布
03-18
BootstrapTable.prototype.initPagination = function () { // ...其他原有逻辑保持不变... /* 注释掉原生跳转逻辑 */ // this.$pagination.off('click', '.page-item a'); }; ``` ###### （2）启用 typeahead...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值