在p:dataScroller中添加的数据丢失了Javascript函数
added data in p:dataScroller lost Javascript function
我使用的是10 chunk Size的p:dataScroller
,但在我的每个项目的内容上,我添加了一个类,它有一个点击事件功能,当我加载页面时,我的功能事件只适用于前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函数打开一个新的弹出窗口
- 正在全局范围中查找JavaScript函数
- 如何将输入(type=text)从html表单传递到javascript函数
- 如何调用这个匿名 JavaScript 函数
- 通过Ajax将JavaScript函数传递给PHP文件
- 在javascript函数中设置全局变量
- 如何在执行此特定onclick事件时执行JavaScript函数
- 使用javascript函数在页面初始化后加载jquery
- javascript函数同步
- 如何将一个JavaScript函数回调为多个函数
- 在javascript函数中使用php变量
- 代码背后调用一个JavaScript函数的按钮点击-C#
- 将JavaScript函数与HTML分离
- 组合两个javascript函数
- 在 Java 中的 JavaScript 函数中插入 Wicket 值
- javascript函数内部的代码用逗号而不是分号分隔
- href属性内的javascript函数
- 使用html表单中的参数调用JavaScript函数
- 分析Javascript函数中的多个对象
- javascript函数的:和=之间的区别