javascript - 如何删除 JavaScript 中动态创建的音频元素？

Question

每 30 秒我刷新一个脚本来检查更改。返回的数据设置音频元素的 src。

如果数据已更改，我会更改 src 属性以进行匹配，但在单击时 - 我听到两个音频文件一起播放。

这里发生了什么以及如何删除以前的音频文件？

(function fetchCal() {
$.getJSON('events', function(data) {

//I need to clear any previously created elements here

  var nowAudio = document.createElement('audio');
  nowAudio.setAttribute('src',"audio/"+data.uid+"."+data.nowTitleURL+".mp3" );

  $('.now').click(function() {
      nowAudio.play();
  });

})
setTimeout(fetchCal, 30000); //refresh calendar every 30 secs
})();

注意:$( "audio").remove(); 不起作用

Answer 1

您将多次点击绑定(bind)到同一个元素，因此它将始终具有先前的点击事件。您需要解除绑定(bind)。

$('.now').off("click.audio").on("click.audio", function() {
  nowAudio.play();
});