我正在使用p:dataScroller
具有 10 block 大小,但在每个项目的内容上,我添加一个类,它有一个点击事件函数,当我加载页面时,我的函数事件仅适用于前 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 行时,它们对点击功能没有反应
最佳答案
我遇到过类似的 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>
关于javascript - 在 p :dataScroller lost Javascript function 中添加了数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37196590/