Open URL on Bootstrap Modal close

纵饮孤独 提交于 2019-12-04 23:13:45

问题


Maybe I'm brain dead here, but I'm trying to do what seems should be an easy thing.

I am using Bootstrap to open a modal on page load depending on the value of specific variables. This all works great. However, when the modal opens and the user clicks ok (presumably after reading the info text), I want to page to redirect to a new page. I can't seem to figure out how to do this.

Any info on how to do


回答1:


Along the lines of @Knagis additional option, you can use onclick to change the window.location, and the data-dismiss=modal attribute in the same link..

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

Demo: http://www.bootply.com/oKgjTJXGTq




回答2:


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

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

You could also (and that is probably a better option) add a onclick handler to the button that the user has to click (because the hidden.bs.modal event also fires when the user closes the modal by pressing Esc or clicking the x button.




回答3:


it also dismiss the modal , modal should be dismissed after 10-20 seconds or manualy by closing it , is it possible .



来源:https://stackoverflow.com/questions/20580978/open-url-on-bootstrap-modal-close

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!