Javascript 数据切换和onclick不'；我不能一起工作，我'；我太新了，无法应用@epascarello'；s的解决方案

我有一个有点像这样的问题：

但我无法将@epascarello的解决方案应用于我的问题

我正在使用bootstrap，我想在同一个

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

如果我删除数据切换部分，onclick工作，如果我删除onclick部分，数据切换工作

有人能帮我吗

---

谢谢：）

首先给你的

a标签提供一个id

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

先试试这个

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

解释

使用委托事件处理程序，可以将

事件处理程序

附加到运行代码时存在的

父元素

（在本例中是

文档

）。单击子元素（无事件处理程序）时，浏览器会弹出该事件，并由其父元素（附加事件处理程序）处理该事件

委派事件的优点是，它们可以从中处理事件 以后添加到文档中的子元素。通过 选择一个元素，该元素保证在 已附加委派事件处理程序，您可以使用委派事件 避免频繁附加和删除事件处理程序

---

@epascarello你会成为我的救世主吗？为什么你不能使用epascarello回答中提到的委托事件？是的，但我不明白如何将此应用于我的代码：（现在了解委托处理程序…它是如何工作的，，我正在写一些描述OK谢谢，谢谢，整个F*******G上午都在实现这一点，谢谢！@Aker666很高兴知道它有帮助：）

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