Добавлены данные в p:dataScroller потерял функцию Javascript

Question

Я использую p:dataScroller с размером 10 чанков, но к своему содержанию каждого элемента я добавляю один класс, он имеет функцию события щелчка, когда я загружаю страницу, мое событие функции работает только с 10 первыми элементами, это мой код

<h:form> 
                    <p:dataScroller widgetVar="dScroller" value="#{documentalBean.listdocumental}" var="documental" chunkSize="10">
                            <div id="#{documental.ID_DOCUMENTAL}" class="resultados-filtro">
                                <div class="item-filtro">
                                    <div>
                                        <img src="someimage" alt="" />
                                        <div>
                                            <h3>Text</h3>
                                            <p><span>Text</span></p>
                                            <p>Text</p>
                                            <p><span>text</span> Text</p>
                                            <p><span>text</span> Text</p>
                                        </div>
                                    </div>
                                </div>
                                <div></div>
                            </div>
                    </p:dataScroller>
                </h:form>

Мой Javascript событие:

$(".resultados-filtro").click(function () {
                alert("event");
            });

Когда я прокручиваю вниз и загружаются следующие 10 строк, они не реагируют на функцию щелчка

Answer 1

У меня были похожие проблемы с DataScroller + Javascript. Работа, которую мы использовали, заключалась в том, чтобы поместить ваш Javascript в функцию и вызывать ее с помощью атрибутов onclick в элементе.

<p:dataScroller widgetVar="dScroller" value="#{documentalBean.listdocumental}" var="documental" chunkSize="10">
    <div onclick="alertClick()" id="#{documental.ID_DOCUMENTAL}" class="resultados-filtro">
        ...
    </div>
</p:dataScroller>
<script type="text/javascript">
    function alertClick() {
        $(".resultados-filtro").click(function () {
            alert("event");
        });
    }
</script>