我的问题是,当我在第二页按钮上调出鼠标时,它在监视器左下角显示的链接是:home/?page=2
,但是我需要它显示以下内容:ajax/comments/?page=2
。但是,当我按按钮转到第二页时,它显示ajax/comments/?page=2
,此后它开始工作。
<div class="row content col-md-9">
<div class="panel panel-default widget">
<div class="panel-heading">
<span class="glyphicon glyphicon-comment"></span>
<h3 class="panel-title">
Recent Comments</h3>
</div>
<div class="panel-body">
<ul class="list-group">
@foreach($comments as $comment)
<li class="list-group-item">
<div class="row">
<div class="col-xs-2 col-md-1">
<img src="{{$comment->author->image}}" alt="" /></div>
<div class="col-xs-10 col-md-11">
<div>
<a href="{{$comment->article->slug}}">
{{$comment->article->title}}</a>
<div class="mic-info">
By: <a href="#">{{$comment->author->name}}</a> {{$comment->created_at}}
</div>
</div>
<div class="comment-text">
{{$comment->body}}
</div>
</div>
</div>
</li>
@endforeach
</ul>
<div class="text-center">{!! $comments->render() !!}</div>
</div>
</div>
</div>
<script>
$(window).on('hashchange',function(){
page = window.location.hash.replace('#','');
getProducts(page);
});
$(document).on('click','.pagination a', function(e){
e.preventDefault();
var page = $(this).attr('href').split('page=')[1];
// getProducts(page);
location.hash = page;
});
function getProducts(page){
$.ajax({
url: '/ajax/comments?page=' + page
}).done(function(data){
$('.content').html(data);
});
}
</script>
最佳答案
我解决了!我刚刚进行了更改:
{!! str_replace('/home/?', '/ajax/comments?',$comments->render()) !!}
现在它的工作
关于javascript - Laravel Ajax面板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31285807/