Javascript twitter引导的工具提示问题

我正在使用TwitterBootstrap3来显示工具提示

<td class = "skills" data-toggle="tooltip" data-placement="left" data-original-title="<?php echo $row['skills']; ?>"><?php echo $row['skills']; ?></td>

这里是

js

 <script type="text/javascript">
    $(document).ready(function(){
        $('[data-toggle="tooltip"]').tooltip();   
    });
 </script>

$（文档）.ready（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）；
});

我找到了解决方案，只是在这里发布，以便有一天有人会发现这很有用

因此，任何人如果面临这个问题，我的意思是，如果在使用

twitter引导工具提示时在悬停时移动数据，按钮在悬停时反弹，您只需要执行以下操作：
先前的


$（文档）.ready（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）；
});

只需添加容器（在bootstrap 2.3中修复）


$（文档）.ready（函数（）{
$（'[data toggle=“tooltip”]'）。工具提示（{container:'body'}）；
});
确定问题在于默认情况下，在具有属性的
html
元素之后插入
工具提示。由于工具LTIP是一个
div
元素正在破坏您的表：

结构如下：

<td></td>
<div></div>
<td></td>



这是无效的。您需要更改该行为更改具有
工具提示的容器
：

$（'[data toggle=“tooltip”]'）。工具提示（{container:'body'}）

不要直接使用td use span tag，希望它能起作用：

<table id="example-table" class="table table-striped table-hover table-condensed">
    <thead>
        <th>Serial</th>
        <th>Name</th>
        <th>Rating</th>
      </thead>
      <tbody>
        <tr>
          <td>1</td>
          <td><span data-toggle="tooltip" data-placement="right" data-original-title="A">A</span></td>
          <td>php</td>
        </tr><tr>
          <td>2</td>
          <td><span data-toggle="tooltip" data-placement="right" data-original-title="B">B</span></td>
          <td>C#</td>
        </tr>
      </tbody>
    </table>


电视连续剧
名称
评级
1.
A.
php
2.
B
C#
您需要在工具提示函数中使用一些属性
{容器：'body'，触发器：'hover'，位置：'left'}


$（文档）.ready（函数（）{
$（'[data toggle=“tooltip”]'）。工具提示(
{容器：'body'，触发器：'hover'，位置：'left'}
);   
});

电视连续剧
名称
评级
1.
A.
php
2.
B
C#
从CSS中删除主体或HTML标记中的“位置：相对”

它将很好地工作。
请在不使用PHP的情况下包含更多的HTML代码标记，以便在一个小表格中重现问题。@Danko我还添加了一个测试表格片段，请查看
<script type="text/javascript">
   $(document).ready(function(){
     $('[data-toggle="tooltip"]').tooltip({container: 'body'});   
   });
</script>

<td></td>
<div></div>
<td></td>

<table id="example-table" class="table table-striped table-hover table-condensed">
    <thead>
        <th>Serial</th>
        <th>Name</th>
        <th>Rating</th>
      </thead>
      <tbody>
        <tr>
          <td>1</td>
          <td><span data-toggle="tooltip" data-placement="right" data-original-title="A">A</span></td>
          <td>php</td>
        </tr><tr>
          <td>2</td>
          <td><span data-toggle="tooltip" data-placement="right" data-original-title="B">B</span></td>
          <td>C#</td>
        </tr>
      </tbody>
    </table>