オーディオの時間位置に基づいてオブジェクトを表示 (アニメーション化) するオーディオ ファイルのリスナーに for ループをアタッチしています。それはすべてうまくいきます。問題は、Safari 5.1.5 では最初のオブジェクトのみがアニメーション化され、残りは表示される (画面に表示され、アニメーションは表示されない) ことです。誰かがこれを以前に見たことがあるかどうか、そして回避策があるかどうか疑問に思っていました。
function loadAudio() {
aud = document.getElementById("audio");
aud.src = xmlDoc.getElementsByTagName("cues")[0].getAttribute("audioURL");
aud.load();
aud.addEventListener("timeupdate", function(){
for(var i = 0; i<cues.length; i++) {
if(aud.currentTime >= cues[i].time && !cues[i].on) {
q = cues[i].p;
cues[i].on = true;
//alert(q);
$(q).css({opacity: 0.0, visibility: "visible"}).stop().animate({opacity: 1.0});
}
}
});
}