[英]how to make cluetips jquery show right side of <table>
I have a table that load some datas from an ajax query.. 我有一个表,可从ajax查询中加载一些数据。
I tried to make a cluetip (local, with arrows) on it.. 我试图在上面做一个提示(局部,带箭头)。
this is my cluetip options: 这是我的提示选项:
$('.load-local').cluetip({
sticky: true,
arrows: true,
showTitle: false,
mouseOutClose: true,
delayedClose: 400,
local: true,
hideLocal: true,
width: 170
});
I put it on a certain <td>
(under 'Details' section).. 我将其放在某个<td>
(在“详细信息”部分下)。
So that when user hover to its <td>
a cluetip will showing on the right side like I want.. 这样,当用户将鼠标悬停在其<td>
,提示会如我所愿显示在右侧。
I attached a preview of it: 我附上了预览:
Then, I decided to modified it to be more effective for user.. 然后,我决定将其修改为对用户更有效。
So if user hover to a <tr>
, the cluetip will showing.. 因此,如果用户将鼠标悬停在<tr>
,则会显示提示。
But, when I put cluetip class and rel attribute on this <tr>
, the cluetip is showing on the left side.. 但是,当我在此<tr>
上放置cluetip class和rel属性时,该cluetip显示在左侧。
I attached a preview of it: 我附上了预览:
I want: when user hover to the <tr>
the cluetip will show on right side (like I did on the <td>
).. 我想要:当用户将鼠标悬停在<tr>
,提示将显示在右侧(就像我在<td>
上所做的一样)。
How can I make it? 我该怎么做?
I have already tried with jquery to trigger the <td>
when mouseover
the <tr>
, but still failed.. 我已经尝试使用jquery在将mouseover
在<tr>
时触发<td>
<tr>
,但是仍然失败。
Do you have any idea about it? 你有什么想法吗?
Thank You Very Much.. 非常感谢你..
Have you done.. 你完成了吗..
$('.load-local td').cluetip({
sticky: true,
arrows: true,
showTitle: false,
mouseOutClose: true,
delayedClose: 400,
local: true,
hideLocal: true,
width: 170
});
Try and select the child td elements of tr. 尝试选择tr的子td元素。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.