Хм. Я думаю, что у вас есть два варианта: либо запустить несколько запросов $.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 и таблицы стилей.