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

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

触发show方法。

var myModal = $("#myModal");

myModal.modal("show");

Answer 2

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

要隐藏模式，请执行以下操作： $（'＃myModal'）。modal（'hide'）;

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

2 个答案: