演示和完整代码如下:https://jsfiddle.net/oscar11/xzxrp7nn/2/
我的 HTML 代码是这样的:
<!-- Button trigger modal -->
<button class="btn btn-primary btn-lg check_session" data-toggle="modal" data-target="#myModal">Launch demo modal</button>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
<div class="col-md-12">
<div class="row">
<label for="idTourDateDetails">Tour Start Date:</label>
<div class="form-group">
<div class="input-group">
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
我的Javascript代码是这样的:
$(".check_session").click(function(){
$.ajax({
success : function(response)
{
response = 'no_session';
if(response != 'exist_session')
{
alert('Please login');
}
}
})
});
当response != 'exist_session'
时,我希望系统显示警报消息而不显示模式。所以只显示警报消息。
有什么办法可以解决我的问题吗?
谢谢
最佳答案
您删除按钮中的数据切换和数据目标
<button class="btn btn-primary btn-lg check_session">Launch demo modal</button>
然后你可以在javascript中调用它。
$(".check_session").click(function(){
$.ajax({
success : function(response)
{
response = 'no_session';
if(response != 'exist_session')
{
alert('Please login');
} else {
$('#myModal').modal()
}
}
})
});
关于javascript - 如果满足某些条件,如何在不调用模态的情况下先调用类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37084411/