我正在使用一个名为 qTip2 的工具提示插件。
当用户将鼠标放在我表中的列上时,我希望能够显示工具提示。因此,用户选择列中的哪一行并不重要,并且在切换行时工具提示不应关闭。
有可能做到这一点吗?
qTip2 适用于类,因此我必须为列中的每一行赋予相同的类名和工具提示文本才能使其工作。它会在同一列中的行之间切换时打开和关闭。
所以我想知道的是,是否有一种全局方法可以用一个类标记表中的一整列?
谢谢
我正在使用一个名为 qTip2 的工具提示插件。
当用户将鼠标放在我表中的列上时,我希望能够显示工具提示。因此,用户选择列中的哪一行并不重要,并且在切换行时工具提示不应关闭。
有可能做到这一点吗?
qTip2 适用于类,因此我必须为列中的每一行赋予相同的类名和工具提示文本才能使其工作。它会在同一列中的行之间切换时打开和关闭。
所以我想知道的是,是否有一种全局方法可以用一个类标记表中的一整列?
谢谢
使用 jQuery,您可以在构建表后执行此操作...
$("#tableID tr td:nth-child(n)").addClass("column-class");
将 tableID,nth-child 中的 (n) 更改为列号(基于 1,而不是 0)并将 column-class 更改为您要添加的类名。
您也可以使用相同的代码处理 mouseover 和 mouseleave 事件,而不是添加类,但如果您已经有一个插件做其他事情,使用类名听起来更容易。
我认为将类应用于<tr>
不起作用,也没有指定 CSS 选择器,例如TR.myClass TD
?
在这种情况下,您必须将类应用于每个类<td>
或使用更好的插件。