如何通过变量引导模式弹出窗口？

Question

我正在研究引导程序，并按照示例进行操作：

<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
    Shows the modal
</button>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">
    <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）标题
                </h4>
            </div>
            <div class="modal-body">
                在这里添加一些文本
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                </button>
                <button type="button" class="btn btn-primary">
                    提交更改
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

如果单击按钮，将弹出模式对话框，但我不知道哪个变量控制着模式弹出窗口并消失。

我想通过一个变量来弹出它。 有一个要求。

当我进入一个Smarty页面时，如果该页面不存在access_token变量，我希望自动弹出模式对话框。

那么，在这个例子中如何实现？

Answer 1

1. 使用JavaScript（jQuery），选择模式元素并将其存储在变量中。

2. 触发show方法。

    var myModal = $("#myModal"); myModal.modal("show"); 

Answer 2

显示模态：$（'＃myModal'）。modal（'show'）;

隐藏模态：$（'＃myModal'）。modal（'hide'）;