突出显示JSF数据表行

当鼠标指针在行上时，我想突出显示行到JSF表。 我找到了这个教程 。

我试着在这里实现这个例子：

           $("tr").not(':first').hover( function () { $(this).css("background","yellow"); }, function () { $(this).css("background",""); } );  
 History Center
  
     
 
  
 
 
 
                                                = SessionsController.totalRows}" /> = SessionsController.totalRows}" />  
      
       
 
 
 
 
 
 
   

什么都没发生。 我想JavaScript必须能够工作。 在JSF表和普通HTML表中突出显示行是否存在缺陷？ 也许问题是JQuery的版本？

最好的祝愿

Answer 1

问题是，您的脚本在DOM完全加载之前执行。

您可以将脚本放在页面底部，也可以在文档准备好后通过将其放在$(function() {})调用它：

Answer 2

您可以在dataTable中使用这些js动作调用：

 onrowmouseover="this.style.cursor='default';this.style.backgroundColor='#F1F1F1';" onrowmouseout="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"