当我单击“ alert()”函数中显示的“确定”按钮时,Bootstrap模式关闭。
$("#expample").modal({
backdrop: 'static',
keyboard: false,
show: true
});
下面是我的jQuery:
$('.sendToUser').on('click', function (){
var selectedLyrics = $('#selectedLyricsInput').val();
if($("input[name='selectUserRadio']").is(":checked") == false){
alert('Please, select a user to send.');
return;
}
});
虽然,按键盘上的“ Enter”或“ Esc”键可以正常工作,也可以在模态外部单击;模态没有关闭,这很好。
以下是我的html:
<div class="modal fade" id="userSelectionModal" tabindex="-1" role="dialog" aria-labelledby="userSelectionModal">
<div class="modal-dialog modal-likes" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Select User</h4>
</div>
<div class="modal-body">
<div style="margin-bottom: 50px;" id="populateUsers">
</div>
<input type="hidden" id="selectedLyricsInput" value="" />
</div>
<div class="modal-footer">
<button type="button" class="btn btn-success sendToUser" data-dismiss="modal">Send</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
{{--<i class="fa fa-spinner fa-spin"></i>--}}
</div>
</div>
</div>
我正在从模态上的事件创建警报弹出窗口,但是单击alert()弹出窗口的“确定”时,它消失了。
在警报弹出窗口上单击“确定”后,如何防止模态关闭?
谢谢
你的模态正在关闭,因为你data-dismiss="modal"
在.sendToUser
按钮上具有属性。删除此属性应防止模式关闭。
乐意效劳。您可能想在您的方法中手动关闭模式-这是一个相关的问题:)