データをpで追加：dataScroller Javascriptの機能が失われました

Question

p:dataScrollerを10チャンクサイズで使用していますが、各項目の内容に1つのクラスを追加しています。

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

私は、下にスクロールし、次の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のイベントで、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>