<div class="modal fade" id="NCSBook1" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal fade" id="NCSBook1" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">儿歌1</h4>
</div>
<div class="modal-body">
<img class="img-responsive" src="../images/product-images/new-childrens-songs/table-of-contents/table-of-contents-NCS-Book1.png"/><br>
<h3 class="text-center">音频试听</h3>
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Audio with no additional data ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<audio id="audioNCSBook1" controls>
<source src="../../audio/b1_001.ogg" type="audio/ogg" />
<source src="../../audio/b1_001.mp3" type="audio/mp3" />
<a href="../../audio/b1_001.mp3">songs1</a>
An html5-capable browser is required to play this audio.
</audio>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function() {
$("#NCSBook1").on("hidden.bs.modal", function () {
var audio = $("#audioNCSBook1").attr("src");
$("#audioNCSBook1").attr("src"," ");
$("#audioNCSBook1").attr("src",audio);
});
});
</script>
想的是用这个script将模态框里面的音频文件清空再重新加载。但是实验以后，发现退出modal的时候，音乐也停止了，但是重新打开modal的时候，音频没有被重新加载。请大神帮忙看看哪里出错了。谢谢。感激不尽