获得分页的每个元素

时间:2016-02-29 01:13:03

标签: javascript php laravel laravel-5

我正在创建一个在目录页面中具有无限滚动的电子商务网站。我想知道每个产品在屏幕上向用户显示的次数(展示次数)。问题是如何获取每次用户向下滚动到新页面时呈现的新12个元素。将他们的ID传递给服务器并存储他们的印象。有没有办法访问新元素?我检查了laravel documentation,但我没有看到这个。

这是我在模板中呈现products数组的代码:

<div class="product-one">
 @foreach($products as $product)
 <div class="col-md-3 product-left"> 

 <div class="p-one simpleCart_shelfItem"> 
 <a href="{{ route('getprodpage', ['id' => $product->id]) }}">
 <img src="{{ $product->image_url1}}" alt="" />
 <div class="mask">
 <span>Comprar</span>
 </div>
 </a>
 <h4>{{ $product->name }}</h4>
 <p><a class="item_add" href="#"><i></i> 
 <span class=" item_price">
 R$ {{$product->price_min}}
 </span></a>
 </p>

 </div>
 </div>
 @endforeach()
 <div class="clearfix"> </div>
 </div>
<?php echo $products->render(); ?>

这是无限滚动javascript:

$(function() {
    $('.shoes').jscroll({

        loadingHtml: '<center><img src="{{ URL::asset('images/loading.gif') }}" alt="Loading" /> </center>',
        autoTrigger: true,
        padding: 0,
        nextSelector: '.pagination li.active + li a', 
        contentSelector: 'div.shoes',

        callback: function() {
            $('ul.pagination:visible:first').hide();
        }
    });
});

1 个答案:

答案 0 :(得分:0)

我相信这个问题已经被提出并已经回答了。

wp_nav_menu docs

这篇文章的答案是查看元素是否在视口中,以及元素在视口中的时间的另一个答案。