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

Question

编辑：我也使用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功能因为我将做其他任务。

Answer 1

使用事件委托，看看是否抓住了它。

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

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

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