在Bootstrap Modal关闭时打开URL

时间:2013-12-14 07:53:26

标签: twitter-bootstrap modal-dialog

也许我在这里已经死了,但我正在努力做一些看起来应该是一件容易的事情。

我正在使用Bootstrap在页面加载时打开模态,具体取决于特定变量的值。一切都很好。但是,当模态打开并且用户单击确定(大概是在阅读信息文本后),我想要页面重定向到新页面。我似乎无法弄清楚如何做到这一点。

有关如何操作的任何信息

3 个答案:

答案 0 :(得分:4)

$(".modal").on("hidden.bs.modal", function () {
    window.location = "your-url";
});

http://getbootstrap.com/javascript/#modals-usage

您也可以(这可能是一个更好的选择)向用户必须单击的按钮添加onclick处理程序(因为当用户关闭模式时,hidden.bs.modal事件也会触发按Esc或点击x按钮。

答案 1 :(得分:4)

根据@Knagis附加选项,您可以使用onclick更改window.location和同一链接中的data-dismiss=modal属性。

<a href="" data-dismiss="modal" onclick="javascript:window.location='http://google.com'">Visit Google.</a>

演示:http://www.bootply.com/oKgjTJXGTq

答案 2 :(得分:0)

它也关闭了模态,应该在10-20秒后关闭模态,或者通过关闭模态手动关闭。