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>

Value数据展示位置取决于您使用的 PLUGIN 。

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

1 个答案: