Question

我在为数据表定义鼠标效果时遇到问题。我有

<a4j:form>
    <rich:dataTable id="dataTable"> ... </rich:dataTable>
    <rich:datascroller id="dataScroller" for="dataTable" />
</a4j:form>

<rich:jQuery selector="#dataTable tr" query="mouseover(function(){jQuery(this).addClass('active-row')})"/>
<rich:jQuery selector="#dataTable tr" query="mouseout(function(){jQuery(this).removeClass('active-row')})"/>

在第一页上正常工作。但是，如果我使用datascroller转到另一个页面，鼠标悬停效果就会消失。

我已经尝试重新编译表或jQuery组件，这根本没有帮助解决问题。

有关如何使其正常工作的任何建议吗？

Answer 1

不确定这是否有效，但值得一试。我从未使用过richfaces，但是jQuery live事件绑定到所有元素，包括附加到DOM的未来元素。

<rich:jQuery selector="#dataTable tr" query="live('mouseover', function(){jQuery(this).addClass('active-row')})"/> 
<rich:jQuery selector="#dataTable tr" query="live('mouseout', function(){jQuery(this).removeClass('active-row')})"/>

使用richfaces datatable和datascroller组合中的jQuery鼠标悬停效果

1 个答案: