我觉得有点愚蠢,我一遍又一遍地看着stackoverflow,找到了很多帮助,但没有任何效果。我无法定位以下html:
<table>
<tr>
<td>
<p class="dialog">More Infos</p>
</td>
</tr>
</table>
这样我的悬停效果就可以了。我尝试了很多组合,这是其中之一:
$(document).ready(function()
{
$('table tr td .dialog').contenthover({
overlay_background:'#000',
overlay_opacity:0.8
});
});
我也试过使用.find函数。 如果我只是针对p.dialog并删除html中的表结构,那么悬停效果会起作用,但是我需要这个表!
答案 0 :(得分:0)
我看到了三件事。
1-非jQuery方法:.contenthover
2-一些非CSS属性:overlay_...
3- CSS更改使用.css()
方法完成。
试试这个:
$('table tr td .dialog').on("mouseover",function(){
$(this).css({"background":"#000","opacity":0.8});
});
应该工作。