我试图在我的页面中.load()一个引导模态,并立即显示.以下是我编写的代码(它不起作用,因为模态打开,但可以永远不会关闭)！
基本上我试图在点击一个团队名称(与.team类)的时候以.形式()列出一个模态的玩家,我尝试过多种方式调用$($this).empty()成功.
这是我的功能：
$(function () {
$('.team').on('click',function () {
var $this = $(this).data('target');
$('#results-modals').load('/team-players.html ' + $this,function (response,status,xhr) {
if (status == "success") {
$($this).modal({ show: true });
}
});
});
});
这里是html的锚点和示例模态：
<a class='team' data-toggle='modal' data-target='#20'>Real Madrid</a>
外部文件中的数据team-players.html：
<div id='20' class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<p>Player 1: Ronaldo</p>
</div>
</div>
</div>
解决方法
而不是$($this).modal({show：true});尝试$(this).modal(‘show’);
要隐藏模态,可以使用$(this).modal(‘hide’);
