Question

我目前正在使用我在hycus.com上找到的脚本来创建更多关于我页面上的点击功能的加载。当您单击“加载更多”按钮时，它将从服务器获取数据并使用ajax显示它。它工作正常但我遇到的问题是：即使没有数据显示，加载更多按钮仍会显示。

我希望加载更多按钮仅在有数据显示时显示，并在没有数据显示时消失。

索引页面： jquery的

<script type="text/javascript">
        $(document).ready(function(){
            $("#loadmorebutton").click(function (){
                $('#loadmorebutton').html('<img src="ajax-loader.gif" />');
                $.ajax({
                    url: "loadmore.php?lastid=" + $(".postitem:last").attr("id"),
                    success: function(html){
                        if(html){
                            $("#postswrapper").append(html);
                            $('#loadmorebutton').html('Load More');
                        }else{
                            $('#loadmorebutton').replaceWith('<center>No more posts to show.</center>');
                        }
                    }
                });
            });
        });
    </script>

HTML：

<div id="wrapper">
<div id="postswrapper">
<?php 
    $getlist = mysql_query("SELECT * FROM table_name LIMIT 25"); 
    while ($gl = mysql_fetch_array($getlist)) { ?>
         <div class=postitem id="<? echo $gl['id']; ?>"><?php echo $gl['title']; ?></div>
    <?php } ?>
</div>
<button id="loadmorebutton">Load More</button>
</div>
</div>

loadmore.php页面有;

<?php 
$getlist = mysql_query("SELECT * FROM table_name WHERE id < '".addslashes($_GET['lastid'])."' 
LIMIT 0, 25 LIMIT 10"); 
while ($gl = mysql_fetch_array($getlist)) { ?>
<div><?php echo $gl['title']; ?></div>
<?php } ?>

基本上这个脚本的作用是，索引页面将从数据库加载前25个项目，当你点击加载更多时，它会触发loadmore.php，这将从最后一个id开始加载10个以上的数据已加载。我想要做的是...从屏幕上删除更多加载如果数据库中少于25个项目并显示数据库中是否有超过25个项目。

Answer 1

将它放在你的jQuery ready函数中：

if($('#postswrapper li').length == 10) {
    $('#loadmorebutton').show();
}
else {
    $('#loadmorebutton').hide();
}

Answer 2

<?php 
    $getlist = mysql_query("SELECT * FROM table_name LIMIT 25"); 
    while ($gl = mysql_fetch_array($getlist)) { ?>
         <div class=postitem id="<? echo $gl['id']; ?>"><?php echo $gl['title']; ?></div>
    <?php } 
    if(mysql_num_rows($getlist) <= 25) { ?>
    <script type="text/javascript">
        $(function(){
             $('#loadmorebutton').hide();
        });
    </script>
    <?php } ?>

只有在需要加载时才加载更多按钮

2 个答案: