javascript - 如果满足某些条件,如何在不调用模态的情况下先调用类?

标签 javascript jquery html ajax modal-dialog

演示和完整代码如下: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">&times;</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()  
            }
        }
    })
});

工作演示 https://jsfiddle.net/xzxrp7nn/4/

关于javascript - 如果满足某些条件,如何在不调用模态的情况下先调用类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37084411/

相关文章:

javascript - 为什么 slider 是开放空间中的事件链接?

javascript - 如何在 Canvas 上制作一个长方形的小三 Angular 形?

javascript - 在 jQuery 中将单个未关闭的标签插入到元素中

javascript - 类型 'transformArticles' 上不存在属性 'typeof Article'

javascript - 使用 mongoskin 对 mongodb 进行单个查询或多个查询???

javascript - Angular 访问具有动态名称的 $scope 对象

javascript - 在js函数中从数组id中检索值

javascript - 未找到与约束 :ContractName 匹配的导出

javascript - 定义回调并立即触发一次的最佳方式?

javascript - 滚动动画