Javascript 显示Powertip工具提示赢得'；内容太少，不能表现出来_Javascript_Jquery_Html_Css_Jquery Ui

Javascript 显示Powertip工具提示赢得'；内容太少，不能表现出来

javascript jquery html css jquery-ui

Javascript 显示Powertip工具提示赢得'；内容太少，不能表现出来,javascript,jquery,html,css,jquery-ui,Javascript,Jquery,Html,Css,Jquery Ui,我在jqueryui选项卡的DataTables中有Powertips。我将工具提示设置为跟随鼠标（因此我只能使用边距更改位置）。工具提示将仅显示在现有内容上，如果表下没有任何内容，则工具提示将更高以适合现有内容工具提示的位置必须设置为绝对，否则无法正常工作更改位置或边距不起作用，因为结果会因表中条目数的不同而不同。我尝试将UI选项卡的位置更改为“相对”，但不起作用。我不认为div框的定位有问题，因为它可以出现在div之外，而不是没有内容的地方我对z-index没有任何问题，工具提示被上

我在jqueryui选项卡的DataTables中有Powertips。我将工具提示设置为跟随鼠标（因此我只能使用边距更改位置）。工具提示将仅显示在现有内容上，如果表下没有任何内容，则工具提示将更高以适合现有内容

工具提示的位置必须设置为绝对，否则无法正常工作

更改位置或边距不起作用，因为结果会因表中条目数的不同而不同。我尝试将UI选项卡的位置更改为“相对”，但不起作用。我不认为div框的定位有问题，因为它可以出现在div之外，而不是没有内容的地方

我对z-index没有任何问题，工具提示被上移，以便它可以放在现有内容之上

这是我的布局图

<body>
<div id="tabs">
<ul>
    <li><a href="#tabs-1">Tab1</a></li>
    <li><a href="#tabs-2">Tab2</a></li>
</ul>
<div id="tabs-1">
<table id="table_id" class="display" cellspacing="0" width="100%">
<thead>
    <tr>
        <th id="column-icon">Headers</th>...</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td><a href="" class="tooltips icon-small 1"><img src="icon.png" width="40" /></a></td>
        <td id="row-name"><a href="" class="tooltips 1">Name</a></td>
        <td>Content</td>...</td>
    </tr>
</tbody>
</table>
</div>
<div id="tabs-2">
    <p>tab two content.</p>
</div>
</div>
</body>

类工具提示正在使用此javascript

$('.tooltips').powerTip({
    followMouse: true,
});

类1是powertip工具提示内容。iconsmall只是一些css悬停覆盖的一个类

只有当我在任何元素之外的末尾添加大量内容（在本例中为中断）时，我才能获得所需的效果

我正在使用最新的JQuery、JQuery UI、JQuery DataTables和JQuery Powertips。

向我们展示您的代码。看看如何在你的容器中创建相对使用位置，在下一个容器中创建绝对位置。我想分享代码，但是太多了。如果我找不到设置相对位置的位置，我会看看是否可以简化它。好的，我更改了一些代码，做了一些事情，这不是div框的问题。如果datatables/ui选项卡之后没有任何内容，那么工具提示将不会扩展，但我在之后添加了大量
，工具提示工作正常。我增加了职位：相对；切换到tabs div框（最上面的父项），它不起作用。我将在一秒钟内编辑第一篇文章以包含代码

$('.tooltips').powerTip({
    followMouse: true,
});