我是PHP,Javascript和HTML的新手。所以也许我错过了一些明显的东西但是,我不能为我的生活弄清楚我的代码有什么问题。我正在尝试使用Paul Irish的Infinite Scroll和一个PHP文件,该文件具有一个锚点,该锚点通过不同的GET值链接回自身。问题是,我做的任何事都给了我这个错误:
抱歉,我们无法解析您的下一个(以前的帖子)网址。验证您的css选择器是否指向正确的A标记。</ strong>
我在我的智慧结束,迫切需要某人的帮助,因为我需要在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);
});
content.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>