我是 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>