使用数据库和锚标记的Masonry Infinite Scroll链接到当前文档

时间:2013-01-14 01:44:02

标签: jquery-masonry infinite-scroll

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

0 个答案:

没有答案