bootstrap modal重新创建而不重新加载
问题描述:
页面加载时会生成模态窗口的内容。 我可以通过JS重新生成此模式窗口的内容而无需重新加载页面吗?bootstrap modal重新创建而不重新加载
我的模态窗口:
<div class="modal-team-NtSubstitutePlayers modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
</div>
<div class="modal-body">
<div class="list-of-players text-center">
<div class="list">
@foreach($team->players as $player)
@if ($player->ntsubstitute && !$player->ntskipnextmatch)
<a class="player_choose" id="player_id_substitute_{{$player->id}}">
<div class="player">
....
</div>
</a>
@endif
@endforeach
</div>
</div>
</div>
</div>
</div>
</div>
答
HTML 添加ID
的模式。
<div id="myModal" class="modal-team-NtSubstitutePlayers modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
</div>
<div class="modal-body">
<div class="list-of-players text-center">
<div class="list">
@foreach($team->players as $player)
@if ($player->ntsubstitute && !$player->ntskipnextmatch)
<a class="player_choose" id="player_id_substitute_{{$player->id}}">
<div class="player">
....
</div>
</a>
@endif
@endforeach
</div>
</div>
</div>
</div>
</div>
</div>
的JavaScript
//Show the modal
$("#myModal").modal("show");
//Reload the modal content
var modalHtml = $("#myModal").html();
$("#myModal").html("");
$("#myModal").html(modalHtml);
//Hide the modal
$("#myModal").modal("hide");
你使用引导情态动词?添加模态的HTML代码 – Thusitha
是的。已经添加。 –
我的意思是像$('#modal-team-NtSubstitutePlayers').reload()或$('#modal-team-NtSubstitutePlayers')重新创建() –