jquery無法爲jScroll（無限滾動）顯示的項目工作

我在我的Laravel 5.1應用程序中使用jScroll（jscroll.com）進行無限滾動。我進一步使用了一些jquery，我想通過點擊每個帖子的'Like'按鈕來觸發它。 jQuery是在第一頁的帖子完美的工作，即localhost/myproject/index但不會觸發針對由jScroll從下一個頁面（或多個）附加的職位即localhost/myproject/index?page=2等jquery無法爲jScroll（無限滾動）顯示的項目工作

這裏是我的顯示職位代碼：

@foreach($posts as $post) 
     <div class="panel panel-default"> 
      <div class="panel-body post"> 
       <h3>{{ $post->title }}</h3> 
       <hr> 
       <p>{{ $post->discripion }}</p> 
      </div> 
      <div class="panel-footer"> 
       <div class="btn-group"> 
        <button type="button" data-id="{{$post->id}}" class="btn btn-default like-btn">Like</button> 
       </div> 
      </div> 
    </div> 
@endforeach

和簡單的jQuery，我要被觸發每個職位是：

<script type="text/javascript"> 
      $('button.like-btn').on('click',function(){ 
       var post_id = $(this).data('id'); 
       alert('Liked post with id = ' + post_id); 

      }); 
     </script>

來源

2015-10-17 Ahmed Raza

的[？事件綁定的動態創建的元素]可能的複製（http://stackoverflow.com/questions/203198/event-binding-on動態創建元素） –

這是因爲jQuery不綁定到這些元素（他們是不是在DOM最初）。將其綁定到文檔而不是像這樣：

$(document).on("click", 'button.like-btn', function(event) { 
    alert("new link clicked!"); 
});

Look here for a little more

來源

2015-10-17 18:49:42 Dennis

謝謝。很有幫助。現在它工作完美。 –

jquery無法爲jScroll（無限滾動）顯示的項目工作

回答

相關問題