2013-12-14 83 views
2

也許我在這裏腦死亡了,但我正在嘗試做什麼看起來應該是件容易的事情。Bootstrap Modal上的打開網址關閉

我使用Bootstrap根據特定變量的值在頁面加載中打開模式。這一切都很好。但是,當模式打開並且用戶單擊確定(大概在閱讀信息文本之後),我想要頁面重定向到新頁面。我似乎無法弄清楚如何做到這一點。

如何做到

回答

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

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

你也可以(這可能是一個更好的選擇)添加onclick處理程序,用戶必須點擊按鈕的任何信息(因爲hidden.bs.modal當用戶通過按Esc或點擊x按鈕關閉模式時也會觸發事件

+0

我相信你的意思'window.location'而不是'windows.location' –

1

沿着@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