小编sen*_*nty的帖子

我成功地从Controller返回数据

public function index()
 {
    $posts = Post::with('status' == 'verified)
                      ->paginate(30);

    return view ('show')->with(compact('posts'));
 }

此外,我在我的视图中成功显示了所有内容:

 <div id="content" class="col-md-10">
    @foreach (array_chunk($posts->all(), 3) as $row)
        <div class="post row">
            @foreach($row as $post)
                <div class="item col-md-4">
                    <!-- SHOW POST -->
                </div>
            @endforeach
        </div>
    @endforeach
    {!! $posts->render() !!}
 </div>

到目前为止,一切都很顺利.

但是,我根本没有得到官方文件.什么是' div.navigation'和' #content div.post'？我的情况应该是什么？

来自文档的片段:

$('#content').infinitescroll({

   navSelector  : "div.navigation",            
                   // selector for the paged navigation (it will be ?>hidden)
    nextSelector : "div.navigation a:first",    
                   // selector for the NEXT link (to page 2) …

Run Code Online (Sandbox Code Playgroud)

我试图用来paginate()实现无限滚动.我认为最简单的方法是使用'无限滚动'来实现这一目标.如果你有任何其他的建议怎么做没有无限滚动库,只使用jQuery,我很高兴知道..

我返回变量来查看如下:

public function index()
 {
    $posts = Post::with('status' == 'verified')
                      ->paginate(30);

    return view ('show')->with(compact('posts'));
 }

我的看法:

<div id="content" class="col-md-10">
    @foreach (array_chunk($posts->all(), 3) as $row)
        <div class="post row">
            @foreach($row as $post)
                <div class="item col-md-4">
                    <!-- SHOW POST -->
                </div>
            @endforeach
        </div>
    @endforeach
    {!! $posts->render() !!}
 </div>

Javascript部分:

$(document).ready(function() {
  (function() {
     var loading_options = {
        finishedMsg: "<div class='end-msg'>End of content!</div>",
        msgText: "<div class='center'>Loading news items...</div>",
        img: "/assets/img/ajax-loader.gif"
     };

     $('#content').infinitescroll({
         loading: loading_options,
         navSelector: "ul.pagination",
         nextSelector: "ul.pagination  li:last a",   // …

我正在尝试在我的项目中实施 Facebook 登录，但收到错误：

Middleware.php 第 69 行中的 ClientException：客户端错误：400

1. 在 /Applications/MAMP/htdocs/laratest/vendor/guzzlehttp/guzzle/src/Middleware.php 第 69 行

2. 在 Promise.php 中的 Middleware::GuzzleHttp{closure}(object(Response)) 第 199 行

3. 在 Promise.php 第 152 行中的 Promise::callHandler('1', object(Response), array(object(Promise), object(Closure), null))

4. 在 TaskQueue.php 中的 Promise::GuzzleHttp\Promise{closure}() 第 60 行

5. 在 CurlMultiHandler.php 第 96 行的 TaskQueue->run() 处

我经历过的步骤：

• composer require laravel/socialite＆composer update。

• 在我的config>services.app中，

'facebook' => [ 'client_id' => env('FB_CLIENT_ID'), 'client_secret' => env('FB_SECRET_ID'), 'redirect' => 'http://localhost.com:8888', ],

• 在config>app.php中添加 Laravel\Socialite\SocialiteServiceProvider::class,&'Socialite' => Laravel\Socialite\Facades\Socialite::class,

• 路由设置成功。