您需要开始播放mp3,但要等到mp3完成后才能导航到下一页。您可以通过收听音频元素中可用的媒体事件来完成此操作。
请查看此链接以了解有关您可用媒体活动的更多信息:
https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Media_events
我修改了您的代码以实现此事件。请查看以下来源。
// Ajax Success function
$.playSound('../static/sounds/cash-register', 'next_page');
// Play sound function
(function($){
$.extend({
playSound: function(){
var $ele = $("<embed src='"+arguments[0]+".mp3' hidden='true' autostart='true' loop='false' class='playSound'>" + "<audio autoplay='autoplay' style='display:none;' controls='controls'><source src='"+arguments[0]+".mp3' /><source src='"+arguments[0]+".ogg' /></audio>").appendTo('body');
$ele.on('ended', function() {
window.location.replace(arguments[1]);
});
}
});
})(jQuery);