Мышь над эффектом с помощью jQuery в формате richfaces datatable и datascroller combo

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')})"/>

которые отлично работают на самой первой странице. Однако если я использую контроллер данных для перехода на другую страницу, эффект наведения мыши исчезнет.

Я попытался перерисовать таблицу или компоненты jQuery, что не помогло с проблемой вообще.

Любое предложение о том, как я могу получить это работает?

Answer 1

Не уверен, что это сработает, но стоит попробовать. Я никогда не использовал richfaces, но живые события jQuery связываются со всеми элементами, включая будущие элементы, добавленные в 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')})"/>