如何以编程方式触发引导模式?

如果我点击这里

http://getbootstrap.com/2.3.2/javascript.html#modals

点击'Launch demo modal'它会完成预期的事情。我使用模式作为我的注册过程的一部分，有服务器端验证涉及。如果有问题，我想重定向到相同的模式与我的验证消息显示。目前，我不知道如何得到模式显示，而不是从用户的物理点击。如何以编程方式启动模型?

当前回答

这是你用三元运算符做的

$('#myModal').modal( variable === 'someString' ? 'show' : 'hide');

其他回答

你可以通过jquery (javascript)显示模型

$('#yourModalID').modal({
  show: true
})

演示:

或者你可以删除hide类

<div class="modal" id="yourModalID">
  # modal content
</div>

如果你正在寻找一个编程模式的创建，你可能会喜欢这个:

http://nakupanda.github.io/bootstrap3-dialog/

尽管Bootstrap的modal提供了一种javascript方式来创建modal，你仍然需要先编写modal的html标记。

为了手动显示弹出的模式，你必须这样做

$('#myModal').modal('show');

你以前需要用show: false初始化它，所以它不会显示，直到你手动执行。

$('#myModal').modal({ show: false})

其中myModal是模态容器的id。

这是你用三元运算符做的

$('#myModal').modal( variable === 'someString' ? 'show' : 'hide');

你不应该在触发模式的元素(比如按钮)中写入data-toggle="modal"，你可以手动显示模式:

$('#myModal').modal('show');

和藏在一起:

$('#myModal').modal('hide');

推荐文章