关闭当前灯箱后打开新的Bootstrap灯箱

时间:2014-04-26 19:42:49

标签: javascript jquery html twitter-bootstrap

我正在项目中使用Bootstrap模态灯箱。以下是我的要求:我有一个代码可以打开lightbox1.html

<a href="/lightbox1.html data-toggle="modal"></a>

灯箱内有几个条件。对于某些特殊情况,我向用户显示“您的请求目前无法转发,您是否希望我们向我们发送电子邮件以获取更多详细信息”。

然后有两个按钮:

<a class="btn btn-primary" data-dismiss="modal">No</a>  
<a class="btn btn-primary">Yes</a>

如果用户按“否”,则当前灯箱将关闭,但我希望如果用户按下“是”,那么它将关闭当前灯箱并打开一个新的灯箱'email.html',所以我想要一个正确的代码对于Yes按钮关闭当前lighbox(lightbox1.html)并打开一个新灯箱(email.html)。

1 个答案:

答案 0 :(得分:0)

你需要在其中添加一些jQuery:

$("#btnYes").click(function() {
  $("#modal1").modal('hide');
  $("#modal2").modal('show');
});

显然,您需要根据自己的意愿设置ID /类。