如何使用 jQuery 在引导表 api 自定义按钮中添加点击事件

【问题标题】：how to add click events in bootstrap table api custom button using jQuery如何使用 jQuery 在引导表 api 自定义按钮中添加点击事件
【发布时间】：2021-04-18 08:00:36
【问题描述】：

我不知道如何使用 jQuery 将点击事件添加到 bootstrap 提供的自定义按钮。

例如 data-show-export 属性将提供一个默认按钮，该按钮将导出表格内容，但如何使用 jQuery 向其添加点击事件。

<table
 id="table"
 data-toggle="table"
 data-show-export ="true"
 >
</table>

【问题讨论】：

您是否尝试将表格定位到按钮：$('table[data-show-export="true"] button')？
这不起作用
嗨 Dimitri，我试过这个它死了没有显示错误但它不工作 $('table[data-show-export="true"]button').click(function(){ alert( "这个按钮被点击了"); });

标签： bootstrap-table

【解决方案1】：

您可以在此处找到有关如何使用此扩展程序的完整示例：https://live.bootstrap-table.com/example/extensions/export.html

否则，您也可以像 Dimitri 所说的那样定位按钮 $('table[data-show-export="true"] button') 并在其上使用 onclick 事件。

【讨论】：

Dimitri 给出的第二个解决方案是一个更清洁的解决方案，但它不起作用你能帮我解决这个问题吗？
$('table[data-show-export="true"]button').click(function(){ alert("this button was clicked"); });
确保目标正确。您似乎在table[data-show-export="true"] 和button 之间缺少一个空格。否则，如果您不确定如何定位按钮，请使用浏览器中的检查器正确定位按钮。
顺便说一下，因为你的表有一个 id，你也可以使用 $('#table button') 来定位你的按钮。
感谢您的帮助