1. 程式人生 > >bootstrap彈出框如何實現點擊出彈出框後,再點選任意地方隱藏彈出框

bootstrap彈出框如何實現點擊出彈出框後,再點選任意地方隱藏彈出框

最近做個專案是用bootstrap搭建的網站,因為其自帶彈出框很好使,便直接拿過來用了。

不廢話直接進入正題

共分兩步

1.

首先設彈出框方式為自動


                popover(function(){
                    trigger:'manual',
                })

2.

(1)然後呼叫兩種方法,一種點選事件為 點選該元素 ,彈出該元素 彈出框

(2)第二種則是點選document也就是 點選任意地方 將該元素的彈出框隱藏


		$("element").click(function(){
			$(this).popover("show");
		})
		$("element").on("shown.bs.popover",function(){
			var _this=this;
			$(document).one("click",function(){
				console.log(1);
				$(_this).popover("hide");	
			});
		})