通過CSS類值指定jQuery工具提示位置

Question

我有一個菜單，可以通過包含的div類更改位置。 我正在使用jquery 工具提示小部件

.menu-top{...}
.menu-top .button{...}

.menu-left{...}
.menu-left .button{..}

.menu-right{...}
.menu-right .button{..}

HTML是這樣的

<div class="menu-top">
  <div class="button" data-toggle="tooltip" data-placement="top" title="menu item 1">
  <div class="button" data-toggle="tooltip" data-placement="top" title="menu item 2">
  <div class="button" data-toggle="tooltip" data-placement="top" title="menu item 3">
  .....
  ... 
</div>

當我將div class更改為menu-left時 ，它顯示在頁面的左側。 但是工具提示出現在菜單項的頂部。 如何通過菜單類名稱使用jquery更改數據放置？ 我是jquery新手。

Answer 1

您可以通過更改data-placement值Eg來更改工具提示data-placement ：

<div class="menu-top">
  <div class="button" data-toggle="tooltip" data-placement="top" title="menu item 1">   //TOP Position
  <div class="button" data-toggle="tooltip" data-placement="bottom" title="menu item 1"> //Bottom Position
  <div class="button" data-toggle="tooltip" data-placement="left" title="menu item 1"> //LEFT Position
  <div class="button" data-toggle="tooltip" data-placement="right" title="menu item 1">//RIGHT Position
</div>

數據放置的Value取決於您使用的PLUGIN 。