如何使cluetips jquery显示在<table> </table>的右侧

时间:2013-12-06 03:08:02

标签: jquery ajax position cluetip

我有一个表从ajax查询加载一些数据..

我试图在它上面做一个cluetip(带箭头的地方)..

这是我的cluetip选项:

$('.load-local').cluetip({
        sticky: true,
        arrows: true,
        showTitle: false,
        mouseOutClose: true,
        delayedClose: 400,
        local: true,
        hideLocal: true,
        width: 170
    });

我把它放在某个<td>上(在“详细信息”部分下)..

因此,当用户将鼠标悬停在其<td>时,右侧会显示我想要的cluetip ..

我附上了预览:

right side

然后,我决定将其修改为对用户更有效..

因此,如果用户悬停在<tr>,则cluetip将显示..

但是,当我将cluetip class和rel属性放在<tr>上时,左侧显示了cluetip ..

我附上了预览:

left side

我想:当用户将鼠标悬停在<tr>时,右侧会显示该线索(就像我在<td>上所做的那样)..

我该怎么做?

我已尝试使用jquery在<td> mouseover时触发<tr>,但仍然失败..

你对此有什么想法吗?

非常感谢..

1 个答案:

答案 0 :(得分:0)

你做过..

$('.load-local td').cluetip({
        sticky: true,
        arrows: true,
        showTitle: false,
        mouseOutClose: true,
        delayedClose: 400,
        local: true,
        hideLocal: true,
        width: 170
    });

尝试并选择tr。

的子td元素