亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Bootstrap中popover如何實現鼠標移入移除顯示隱藏功能

發布時間:2021-05-21 11:32:18 來源:億速云 閱讀:522 作者:小新 欄目:web開發

這篇文章主要介紹Bootstrap中popover如何實現鼠標移入移除顯示隱藏功能,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

該段js代碼可實現 popover 下鼠標移入移除時顯示、隱藏 popover 提示信息功能

var strContent = '<div class="media"><div class="position-left media-left"><img class="img-circle" src="/assets/images/avatar.jpg">'+
         '</div>'+
         '<div class="media-body">'+
          '<h5 class="media-title">小標題</h5>'+
          '<p><strong>張三</strong> <span class="label label-primary">管理員</span></p>'+
         '</div>'+
         '</div>';
$( 'li#user_avatar' ).popover({
  trigger:'manual',
	placement:'bottom',
	html:true,
	container:'#bs-example-navbar-collapse-1',
	content:strContent,
}).on( 'mouseenter', function(){ 
  var _this = this; 
  $(this).popover( 'show' ); 
  $(this).siblings( '.popover' ).on( 'mouseleave' , function () { 
    $(_this).popover( 'hide' ); 
  }); 
}).on( 'mouseleave', function(){ 
  var _this = this; 
  setTimeout(function () { 
    if (!$( '.popover:hover' ).length) { 
      $(_this).popover( 'hide' ) 
    }
  }, 100); 
});

Bootstrap是什么

Bootstrap是目前最受歡迎的前端框架,它是基于 HTML、CSS、JAVASCRIPT 的,它簡潔靈活,使得 Web 開發更加快捷,它還有一個響應最好的Grid系統,并且能夠在手機端通用,而Bootstrap是使用許多可重用的CSS和JavaScript組件,可以幫助實現需要的幾乎任何類型的網站的功能,此外,所有這些組件都是響應式的。

以上是“Bootstrap中popover如何實現鼠標移入移除顯示隱藏功能”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

穆棱市| 高青县| 册亨县| 安康市| 凭祥市| 大悟县| 长阳| 房产| 大姚县| 温州市| 道孚县| 承德县| 临安市| 新余市| 巨野县| 自贡市| 盐源县| 曲松县| 永福县| 封开县| 凤台县| 普兰店市| 垣曲县| 大同县| 呼和浩特市| 布拖县| 应城市| 丽水市| 体育| 平远县| 白城市| 宁德市| 三河市| 封开县| 印江| 松溪县| 嵩明县| 德清县| 巴青县| 历史| 玉龙|