数据切换和onclick不能协同工作，我太新了，无法应用@epascarello的解决方案

Question

我有一个像这样的问题：

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

但我不能将@epascarello的解决方案应用到我的问题

我正在使用bootstrap，我想在同一个＆lt;上添加崩溃和onclick动作。一个＆GT;

<a class="control" data-toggle="collapse" data-target="#demo"onclick="play('audioPlayer', this)">

如果删除数据切换部分，onclick可以正常工作，如果我删除了onclick部分，则数据切换工作正常，

有人可以帮助我吗？

谢谢：）

Answer 1

首先为您的a tag

提供身份证明

<a id="YourID" class="control" data-toggle="collapse" 
data-target="#demo"onclick="play('audioPlayer', this)">

而不是你的JS

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

先试试

这称为委托事件处理程序。您可以参考：documentation

<强>说明

使用委派的事件处理程序，您将event handlers附加到我们运行代码时存在的parent元素（在这种情况下为document）。单击子元素（无事件处理程序）时，该事件由浏览器冒泡并由其父级处理（附加事件处理程序 >）

  

委派事件的优势在于它们可以处理来自的事件   稍后添加到文档中的后代元素。通过   选择一个保证在当时存在的元素   委托事件处理程序附加，您可以使用委托事件   避免频繁附加和删除事件处理程序