BootStrap自定義popover,點擊區(qū)域隱藏功能的實現(xiàn)
更新時間：2018年01月23日 09:15:41 作者：lxyamxj
下面小編就為大家分享一篇BootStrap自定義popover,點擊區(qū)域隱藏功能的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
當用bootstrap時，經常需要在某個地方添加幫助按鈕，點擊或者鼠標懸浮時，提示幫助信息，然而，bt給我們提供的方法里貌似沒有，如果有哪位大神知道bootstrap有的可以留言，小弟學習了：代碼如下
之前的按鈕必須定義class為pop；
$(function(){
$(".pop").popover({placement:'right', trigger:'manual', delay: {show: 10, hide: 10}, html: true,
title: function () {
return $("#data-original-title").html();
},
content: function () {
return $("#data-content").html(); // 把content變成html
}});
$('body').click(function (event) {
var target = $(event.target); // 判斷自己當前點擊的內容
if (!target.hasClass('popover')
&& !target.hasClass('pop')
&& !target.hasClass('popover-content')
&& !target.hasClass('popover-title')
&& !target.hasClass('arrow')) {
$('.pop').popover('hide'); // 當點擊body的非彈出框相關的內容的時候，關閉所有popover
}
});
$(".pop").click(function (event) {
$('.pop').popover('hide'); // 當點擊一個按鈕的時候把其他的所有內容先關閉。
$(this).popover('toggle'); // 然后只把自己打開。
});
});
--------代碼非原創(chuàng)，借鑒網上大神，純粹自己學習記錄而已，勿噴！
以上這篇BootStrap自定義popover,點擊區(qū)域隱藏功能的實現(xiàn)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
基于JavaScript+HTML5 實現(xiàn)打地鼠小游戲邏輯流程圖文詳解(附完整代碼)
打地鼠小游戲大家都喜歡玩，本文是以html編寫的，并且使用HBulider軟件進行編寫的，下面通過本文給大家分享基于JavaScript+HTML5 實現(xiàn)打地鼠小游戲邏輯流程圖文詳解，需要的朋友參考下吧2017-11-11
這篇文章主要介紹了node.js使用nodemailer發(fā)送郵件的方法,例子中使用的是QQ郵箱,你也可以修改成其它的郵箱如163、gmail等,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了javascript里使用php代碼的方法,以實例形式展示了javascript與php代碼混編的應用技巧,非常具有實用價值,需要的朋友可以參考下2014-12-12
JavaScript數(shù)據類型和變量_動力節(jié)點Java學院整理
這篇文章主要為大家詳細介紹了JavaScript數(shù)據類型和變量的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要為大家詳細介紹了JS實現(xiàn)表格隔行變色，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要介紹了微信小程序反編譯的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-12-12
使用純JS代碼判斷字符串中有多少漢字的實現(xiàn)方法(超簡單實用)
這篇文章主要給大家介紹了js判斷字符串中有多少漢字的實現(xiàn)方法然后給大家分享了使用JS判斷輸入字符串長度的兩種方法，非常不錯具有參考借鑒價值，感興趣的朋友一起看看吧2016-11-11
從javascript語言本身談項目實戰(zhàn)...2006-12-12
這篇文章主要介紹了一些老手都不一定知道的JavaScript技巧,需要的朋友可以參考下2014-05-05
JavaScript中所有的任務分為同步任務與異步任務，同步任務，顧名思義就是立即執(zhí)行的任務，它一般是直接進入到主線程中執(zhí)行,這篇文章主要介紹了JS定時器不可靠的原因及解決方案,需要的朋友可以參考下2022-01-01