我有这段代码(从另一个 StackOverflow 问题中找到:
$(document).ready(function() {
$.ajax({
url: "soundfile.mp3",
success: function() {
$("#play_button").show();
}
});
});
这段代码工作正常,但我如何修改它以处理多个声音文件?
最佳答案
嗯。我认为您在这里有两个选择:通过简单地复制+粘贴 block 来一次启动多个 $.ajax()
请求:
$(document).ready(function() {
$.ajax({url: "file1.mp3", success: function() {$("#play_button").show();}});
$.ajax({url: "file2.mp3", success: function() {$("#play_button").show();}});
$.ajax({url: "file3.mp3", success: function() {$("#play_button").show();}});
$.ajax({url: "file4.mp3", success: function() {$("#play_button").show();}});
});
或者通过将下一个 $.ajax()
请求放入前一个请求的 success
回调中来连续运行它们。
由于浏览器和服务器端的最大连接限制,我倾向于连续运行预加载。同时打开大量连接可能会减慢其他重要元素(例如图像、JavaScript 文件和样式表)的加载速度。
关于jquery - 在 jQuery 中预加载 wav/mp3 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3170884/