如何以编程方式触发 Bootstrap 模式?

2022-08-30 00:43:10

如果我去这里

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

然后单击“启动演示模式”,它会执行预期的操作。我在注册过程中使用模式,并且涉及服务器端验证。如果出现问题,我想将用户重定向到显示验证消息的同一模式。目前,除了用户的物理点击之外,我无法弄清楚如何显示模式。如何以编程方式启动模型?


答案 1

为了手动显示模式弹出窗口,您必须执行此操作

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

您以前需要将其初始化,以便在您手动执行此操作之前不会显示它。show: false

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

其中 是模式容器的 ID。myModal


答案 2

您不应该在触发模式的元素(如按钮)中编写data-toggle=“modal”,并且您可以手动显示模式:

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

并隐藏:

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