PHP、Javascript、HTMLは初めてです。ですから、明らかな何かが欠けているかもしれませんが、私のコードの何が問題なのかを一生理解することはできません。PaulIrishのInfiniteScrollを、さまざまなGET値でそれ自体にリンクするアンカーポイントを持つPHPファイルで使用しようとしています。問題は、私が何をしてもこのエラーが発生することです。
申し訳ありませんが、次の(前の投稿)URLを解析できませんでした。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);
});
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>