在p:dataScroller中添加数据丢失Javascript函数

我正在使用10块大小的

p:dataScroller

，但是在我的每个项目的内容上，我添加了一个类，它有一个click事件函数，当我加载页面时，我的函数事件只对前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>

---

当我向下滚动并加载接下来的10行时，它们不会对单击功能做出反应

我遇到过类似的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>

...
函数alertClick（）{
$（“.resultados filtro”）。单击（函数（）{
警报（“事件”）；
});
}

更好地了解如何拥有“动态”事件：，它是

<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>