jquery - 播放第二声音还会重播第一声音吗？

Question

我有以下代码:

var audiotypes={
    "mp3": "audio/mpeg",
    "mp4": "audio/mp4",
    "ogg": "audio/ogg",
    "wav": "audio/wav"
}

function ss_soundbits(sound){
    var audio_element = document.createElement('audio')
    if (audio_element.canPlayType){
        for (var i=0; i<arguments.length; i++){
            var source_element = document.createElement('source')
            source_element.setAttribute('src', arguments[i])
            if (arguments[i].match(/\.(\w+)$/i))
                source_element.setAttribute('type', audiotypes[RegExp.$1])
            audio_element.appendChild(source_element)
        }
        audio_element.load()
        audio_element.playclip=function(){
            audio_element.pause()
            audio_element.currentTime=0
            audio_element.play()
        }
        return audio_element
    }
}

var clicksound  = ss_soundbits('Door.ogg', "Door.mp3");
var plopsound  = ss_soundbits('Pet.ogg', "Pet.mp3");

和:

$("#button1").sequence("click")
.handle(function () { 
$(".overlay").fadeToggle();
clicksound.playclip();
$(".overlay .repeat").click(function() { clicksound.playclip(); });
})
.handleNext("#button2", function () { 
$(".overlay").fadeToggle();
plopsound.playclip();
$(".overlay .repeat").click(function() { plopsound.playclip(); });
})

一切正常，除了当我单击＃button2上的重复按钮时，它还会播放button1的声音(clicksound)-知道为什么会这样吗？我以为可能是因为它是相同的元素-但我还尝试向＃button2上的重复按钮添加一个类，并使用该类来触发音频，但是同样的事情发生了-容易接受!

Answer 1

首先，您必须先暂停上一个音频剪辑，然后再播放下一个音频剪辑-不知道为什么起作用，或者为什么起作用!