jQuery onclick不能处理带有数据切换和数据目标的按钮

jQuery onclick doesn't work on a button with data-toggle and data-target

本文关键字：数据 目标 按钮 jQuery 不能 处理 onclick      更新时间：2023-09-26

EDIT:我也使用Bootstrap。无控制台错误

我有一个按钮可以隐藏和取消隐藏div

<button type="button" class="btn btn-info" data-toggle="collapse" id="showBtnFullDetails" data-target="#showFullDetails" value="Dynamic">Show Responses</button>

和Div

<div id="showFullDetails" class="collapse out">Some Data</div>

然后是onclick事件

$("#showBtnFullDetails").click(function() {
  alert("Test");
});

但是它不起作用。在其他按钮上也可以。对此有什么解释吗?我需要这个按钮的工作隐藏和取消隐藏的div，以及我需要它接受onclick功能，因为我将做其他任务。

使用事件委托，看看是否捕获它。

$(document).on("click", "#showBtnFullDetails", function() {
  alert("Test");
});

或者我相信有一个显示的事件

$("#showFullDetails").on("show.bs.collapse shown.bs.collapse",function(event){
    alert("Test");
});
相关文章：