在p：dataScroller中添加數據丟失Javascript函數

Question

我使用的是p:dataScroller，有10個chunk大小，但是在我的每個項目內容上，我添加了一個類，它有一個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> 

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