我在Laravel 5.1应用程序中使用jScroll(jscroll.com)进行无限滚动。我进一步使用了一些jquery,我希望在点击“喜欢”时触发它。每个帖子的按钮。 Jquery在第一页的帖子localhost/myproject/index
上完美地工作,但是没有触发jScroll从下一页(即localhost/myproject/index?page=2
等附加的帖子。
以下是我显示帖子的代码:
@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>
答案 0 :(得分:0)
这是因为jquery没有绑定到那些元素(它们最初不在DOM中)。将其绑定到文档,如下所示:
$(document).on("click", 'button.like-btn', function(event) {
alert("new link clicked!");
});