【问题标题】:Infinite Scrolling Paging无限滚动分页
【发布时间】:2015-01-12 09:07:19
【问题描述】:

谁能告诉如何为 $flickr->call('flickr.photos.search') 实现无限滚动分页;我有用户登录和前 10 组照片。 现在如何实现剩余照片的滚动分页。

我正在使用 * Flickr API 工具包,支持 OAuth 1.0a for PHP >= 5.3.0。 和 Codeigniter

任何帮助将不胜感激......

【问题讨论】:

    标签: php jquery codeigniter phpflickr


    【解决方案1】:

    在您的设计中为包含故事的 div 提供唯一的 id 值,并使用 Jquery 使用 Ajax Post 将该值发布到您的控制器,然后检索下一组 Flickr 数据。 获得结果后,将其附加到最后一个 div 下方。

    您的查看页面如下所示:

    <div class="flickr_container">       
    <div class="flickr_myphotos" id="<?php echo $fli; ?>">
    {your flickr photos here }
    </div>
    
    <div class="flickr_myphotos" id="<?php echo $fli; ?>">
    {your flickr photos here }
    </div>
    .........
    </div>
    

    您的 Jquery Scroll 事件如下所示:

    $('.container').bind('scroll', function(){
    
    if($(".container").scrollTop() + $(".container").innerHeight()>=$(".container")[0].scrollHeight)
        {
    
                var LastDiv = $(".flickr_myphotos:last");
                var LastId  = $('.flickr_myphotos').last().attr('id');
                var dataString = 'LastId='+ LastId ;
    
                if(dataString){
                    $.ajax({
                    type: "POST",
                    url: "{ Controller here }",
                    data: dataString,
                    cache: false,
                    success: function(html){
                    LastDiv.after(html);
    
                    });
    }
    

    还有你的控制器功能:

    $parameters = array('user_id' => {USER ID HERE} ,'per_page' => 10,'page' => $page); $result = $flickr->call('flickr.photos.search', $parameters);

    将结果放在视图中

    <div class="flickr_myphotos" id="<?php echo $fli; ?>">
    {your flickr photos here }
    </div>
    

    【讨论】:

    • 你能分享你的网址吗
    • 我指的是网站之一..hoosuite facebook 登录和 Newsfeed 和滚动事件...有人知道它的滚动工作原理吗
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-10-23
    • 2014-05-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-01-18
    • 2015-10-29
    相关资源
    最近更新 更多