當用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');     // 然后只把自己打開。    });  });

--------代碼非原創，借鑒網上大神，純粹自己學習記錄而已，勿噴！

以上這篇BootStrap自定義popover,點擊區域隱藏功能的實現就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。