动态添加的链接在添加音频后返回 false 不起作用

Question

我动态添加了章节的链接，单击该链接时，会显示章节的描述（从 localStorage 获取数据）

$('#chapterList #chapter_ul a').live('click', function(){   
var chID = $(this).attr("id");
$('#chapterDesc p').fadeOut(300).remove();
$('<p></p>').html(localStorage.getItem(chID)).appendTo('#chapterDesc');
$('#chapterDesc p').hide();
$('#chapterDesc p').fadeIn(500);            

return false;

});

上面的代码有效，然后我添加了在 return false 行之前单击链接时播放音频的代码，

if($('#eventAudio').length>0){ //check if there is an existing #eventAudio in DOM
$('#eventAudio')[0].remove(); //removes it
}
else{
    playAudio('audio/','bytes/',soundBytes,0,0); //if no existing, calls the playAudio function
}
if($('#eventAudio').length>0){//checks if there is a new #eventAudio
$('#eventAudio')[0].play();//plays it
}

再次使用 playAudio 函数

    function playAudio(thisLoc,thisSubF,thisArray,thisMusic,looping){
      $('<audio></audio>').attr('id','eventAudio').attr('src',thisLoc+thisSubF+thisArray[thisMusic]).appendTo('#mainContent');
   if(looping==1){
    $('#eventAudio').attr('onended','play()')
   }
}

，代码实际上有效，但仅一次。下次我单击链接时，它们只会转到链接到的页面。 live('click') 功能不再起作用。我已经被这个代码困住了两个小时了。有人请帮忙吗？提前致谢！

编辑：我正在 Safari 5.1 上测试此功能

Answer 1

要从 DOM 中删除元素，请使用

$('#eventAudio').remove(); 

当您使用 $('#eventAudio')[0] 时，它会返回 DOM 元素（而不是 jQuery 对象），该元素不会有一个 .remove() 方法。

因此，该行会导致脚本失败，并且 return false 永远不会执行，并且会遵循链接。