javascript - 通过 css 类值指定 jquery 工具提示位置

Question

我有一个菜单，其位置可以通过包含的 div 类更改。我正在使用 jquery tooltip widget

.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 类更改为 menu-left 时，它出现在页面的左侧。但是工具提示出现在菜单项的顶部。如何通过菜单类名称更改 jquery 的数据放置？我是 jquery 的新手。

Answer 1

您可以通过更改 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>

数据放置的

值取决于您使用的PLUGIN。