Ответ 1
Вместо $($this).modal({ show: true });
попробуйте $(this).modal('show');
Чтобы скрыть модальный, вы можете использовать $(this).modal('hide');
Я пытаюсь .load()
загрузочный модал на моей странице и немедленно покажу его. Ниже приведен код, который я написал (который не работает как модальный, но не может быть закрыт)!
В основном я пытаюсь .load()
перечислить игроков в модальном режиме, когда вы нажимаете на название команды (с классом .team
), я пробовал различные способы вызова $($this).empty()
без успеха.
Вот моя функция:
$(function () {
$('.team').on('click', function () {
var target = $(this).data('target');
$('#results-modals').load('/team-players.html ' + target, function (response, status, xhr) {
if (status === "success") {
$(target).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');
$(function(){
var url = "url of the modal window content";
$('.my-modal-cont').load(url,function(result){
$('#myModal').modal({show:true});
});
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Modal Window Container -->
<div class="my-modal-base">
<div class="my-modal-cont"></div>
</div>
<!-- Modal Window content -->
<div id="myModal" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h3>Modal header</h3>
</div>
<div class="modal-body">
<p>My modal content here…</p>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
Вы можете сделать $(this).modal("toggle")
если он откроется, он закроется, и наоборот.
jQuery.load() загрузчик модальный и шоу
для шоу $(#ID).modal('show');
для скрытия $(#ID).modal('hide');