首页 文章

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

提问于
浏览 次
0

我有一个菜单，位置可以通过包含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的新手 .

javascript jquery html css

1 回答

  • -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 .

    回复于

相关问题