1

我是 PHP、Javascript 和 HTML 的新手。所以也许我遗漏了一些明显的东西,但是我一辈子都无法弄清楚我的代码出了什么问题。我正在尝试将 Paul Irish 的 Infinite Scroll 与一个 PHP 文件一起使用,该文件具有一个锚点,该锚点使用不同的 GET 值链接回自身。问题是我所做的任何事情都会给我这个错误:

抱歉,我们无法解析您的下一篇(上一篇文章)网址。验证您的 css 选择器指向正确的 A 标记。

我束手无策,迫切需要别人的帮助,因为我需要在 1 月 20 日之前完成这项工作。这将是我认识的人的生日礼物。

这是我的代码:

index.php(代码片段)

<div id="content-container" class="container-fluid" style="padding:0px;overflow:hidden;">     
    <div class="row-fluid full">
        <div class="span12 full" style="overflow:scroll;position:relative;">
            <div id="media-palette">
                <?php       
                    include('content.php');         
                ?>
            </div>
        </div>
    </div>
</div>

script.js(代码片段)

$("#media-palette").infinitescroll({
    navSelector:"#next",
    nextSelector:"#media-palette a#next:last",
    itemSelector:".media-content",
    bufferPx:50,
    debug: true,
}, function(newElements) {
    $("#media-palette").masonry('append', newElements,true);
});

内容.php

(值得注意的是,在这个文件中找到的图像用于测试目的,最终的 PHP 文件将从数据库中加载图像。)

<?php

    require('dbconnect.php');

    $startIndex = $_GET['start'];
    $endIndex = $_GET['end'];

    $nextStartIndex = $endIndex-1;
    $nextEndIndex = $endIndex-10;
?>

<head>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>    

<body>
    <?php
    $files = scandir("images");
        if ($files) {
            $length = count($files);
            static $allowedExts = array("jpg", "jpeg", "gif", "png");
            for ($i = 0; $i < $length; $i++) {
                $extension = end(explode(".", $files[$i]));
                $extension = strtolower($extension);
                if (in_array($extension,$allowedExts)) {
                    $rand = rand(0,10);
                    if (!$rand) echo "<img class='media-content medium' src='images/".$files[$i]."'/>";
                    else echo "<img class='media-content small' src='images/".$files[$i]."'/>";
                }
            }
        }
        echo '<a id="next" href="content.php?start='.$nextStartIndex.'&end='.$nextEndIndex.'"></a>';
    ?>
</body>
4

0 回答 0