【问题标题】:Get each element of pagination获取分页的每个元素
【发布时间】:2016-02-29 01:13:02
【问题描述】:

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

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

<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();
        }
    });
});

【问题讨论】:

    标签: javascript php laravel laravel-5


    【解决方案1】:

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

    jQuery: How can I trigger an event when a div comes into view?

    这篇文章有一个答案是查看元素是否在视口中,还有另一个答案是关于元素何时在视口中的事件。

    【讨论】:

      猜你喜欢
      • 2015-05-24
      • 1970-01-01
      • 2023-04-07
      • 2015-07-29
      • 1970-01-01
      • 2011-07-08
      • 2014-03-10
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多