JQuery没有应用于JSF动态UI组件

我在JSF数据表上应用JQuery时遇到问题。

我的代码是这样的：

 $(document).ready(function() { $('#example').dataTable( { "aoColumns": [ { "asSorting": [ "asc" ] }, { "asSorting": [ "asc" ] }, { "asSorting": [ "desc", "asc", "asc" ] }, { "asSorting": [ "desc" ] }, { "asSorting": [ "asc" ] }, { "asSorting": [ "asc" ] } ] } ); } );  

XHTML

当它呈现：

 
 现在我的问题是必须申请数据表的CSS没有得到应用。 
 我试过不同的符号仍然没有在Jquery中工作我尝试过： 
  $ {‘＃searchform：example’}，$ {‘＃searchform.example’}在这些情况下，包含表本身的hover操作无法显示数据表。 
  $ {‘searchform＃example’}，$ {‘＃example’}在这些情况下，hover操作有效并且数据表已呈现但CSS未应用 
 任何人都可以帮助吗？ 
 在此先感谢迪帕克 







 
	

		      	
 您需要选择生成的HTML 


元素的客户端ID，而不是JSF 组件的组件ID。  HTML ID在您的特定情况下搜索searchform:example 。 因为: CSS选择器中是非法字符，您需要将其转义： 
 $("#searchform\\:example") 
 或者使用属性选择器： 
 $("[id='searchform:example']") 
 更容易的是给一个样式类。 
  
 在您的特定情况下，您已经拥有一个 
  
 所以你也可以使用 
 $(".display")