Question

我为自己的网站创建了一个图库，我决定在我的图库中使用jQuery infinite scroll插件（例如：facebook墙）。

所有数据都来自PHP MyAdmin数据库。我的问题是，如何从数据库中获取无限滚动数据？我的所有代码都没有任何问题。

数据库：图库
表格的表结构：帖子

的index.php：

<?php
include ("connect_database.php");

$select_post = "SELECT * FROM posts ORDER BY rand() LIMIT 5";

$run_posts = mysql_query($select_post);

while ($row=mysql_fetch_array($run_posts)) {

  $post_id = $row['post_id'];
  $post_date = $row['post_date']; //.etc here
?>


<div id="container">

  <!-- gallery codes here and five thumbnails are randomly loading on homepage -->

</div>


<!--Next page for INFINITE SCROLL-->

<nav id="page-nav">
  <a href="next-page.php"></a> <!--please check script.js-->
</nav>

当我在<nav>标签中添加html或php文件时，下载页面没有任何问题。但我需要为每个加载创建一个新的php / html文件。我可以加载下一个5缩略图而不创建新文件。我需要将下五个缩略图从数据库中无限滚动。

的script.js：

var $container = $('#container');
$container.infinitescroll({
    // infinite scroll options...
    navSelector  : "#page-nav",            
                   // selector for the paged navigation (it will be hidden)
    nextSelector : "#page-nav a:first",    
                   // selector for the NEXT link (to page 2)
    itemSelector : "#container .box",
                   // selector for all items you'll retrieve
    extraScrollPx: 10,
    }
);

Answer 1

如果您希望每个卷轴加载5个随机帖子，则无需区分一个请求与另一个请求（例如页码）。

虽然我不认为这是一个可行的解决方案，因为你最终会有重复的条目（你决定这是否是一个问题），你可以使用“路径”。调用下一页的选项，如下例所示。

$container.infinitescroll({
    // infinite scroll options...
    navSelector  : "#page-nav",            
                   // selector for the paged navigation (it will be hidden)
    nextSelector : "#page-nav a:first",    
                   // selector for the NEXT link (to page 2)
    itemSelector : "#container .box",
                   // selector for all items you'll retrieve
    extraScrollPx: 10,
    path: function(index){
       return "index.php?page=" + index;
     }
    }
);

当然，您必须调整index.php文件以正确处理页面参数。然而，再次，随机结果，您将不需要一个＆＃39;页面＆＃39;参数，但总是返回＆＃34; index.php＆＃34;在路径功能中，事情应该可以正常工作。

PHP MySQL分页/无限滚动问题

1 个答案: