jquery - 带有新 ID 的音频标签的 jQuery .clone() 不在 .click() 内的 IE 或 FF 上播放

Question

带有新 ID 的音频标签的 jQuery .clone() 不在 .click() 内的 IE 或 FF 上播放

我的页面正文中有一个非常简单的音频标签

<audio preload="auto" id="badclick">
<source src="audio/button-4.ogg"/>
<source src="audio/button-4.mp3"/>
<source src="audio/button-4.wav"/>
<source src="audio/button-4.m4a"/>
</audio>

我使用一些代码来克隆它并分配一个 ID 'badclick_1_1'

var gclk = 'badclick_1_1';
sounds[1] = $('#badclick');  
$(sounds[1]).clone(true).attr('id', gclk).insertAfter(sounds[1]);

我尝试从 .click() 处理程序中播放声音，但虽然它在 Chrome 中播放，但它不在 IE 和 FF 上

var vol = .05;
var xclk = 'badclick_1_1';
var audiobad = $('#' + xclk)[0];
audiobad.volume=vol;
audiobad.play();

关于为什么的任何想法？