Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery隐藏/显示加载更多按钮_Javascript_Jquery_Css_Button_Show Hide - Fatal编程技术网

Javascript Jquery隐藏/显示加载更多按钮

Javascript Jquery隐藏/显示加载更多按钮,javascript,jquery,css,button,show-hide,Javascript,Jquery,Css,Button,Show Hide,我有一个脚本,请参见以下内容: 索引页:jQuery脚本 <script type="text/javascript"> $(document).ready(function(){ $("#loadmorebutton").click(function (){ $('#loadmorebutton').html('<img src="ajax-loader.gif" />');

我有一个脚本,请参见以下内容:

索引页: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>

$(文档).ready(函数(){
$(“#加载更多按钮”)。单击(函数(){
$('#loadmorebutton').html('');
$.ajax({
url:“loadmore.php?lastid=”+$(“.positem:last”).attr(“id”),
成功:函数(html){
如果(html){
$(“#postswraper”).append(html);
$('loadmorebutton').html('loadmore');
}否则{
$(“#loadmorebutton”).replaceWith('不再显示帖子');
}
}
});
});
});
HTML:


加载更多
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个项目,当您单击load more时,它将触发loadmore.php,从已经加载的最后一个id开始再加载10个数据。我想做的是,如果数据库中的项目少于25个,则从屏幕上删除“加载更多”按钮,并显示数据库中的项目是否超过25个。

我将为您提供两个选项,以您更容易阅读的选项为准

<?php if(25 or more){ ?>
  <button id="loadmorebutton">Load More</button>
<?php } ?>

<?php if(25 or more): ?>
  <button id="loadmorebutton">Load More</button>
<?php endif; ?>

加载更多
加载更多

我会给你两个选择,以你更容易理解的为准

<?php if(25 or more){ ?>
  <button id="loadmorebutton">Load More</button>
<?php } ?>

<?php if(25 or more): ?>
  <button id="loadmorebutton">Load More</button>
<?php endif; ?>

加载更多
加载更多

**$cnt++**
**
加载更多
**

**$cnt++**
**
加载更多
**

使用coount变量将php脚本更改为

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


使用coount变量将php脚本更改为

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


这将对您有用:

<?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 } ?>

$(函数(){
$(“#loadmorebutton”).hide();
});

这将适用于您:

<?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 } ?>

$(函数(){
$(“#loadmorebutton”).hide();
});

在html周围包装一个if<代码>加载更多
在html周围包装一个if<代码>加载更多
如果我使用加载更多而不是???,这仍然有效吗????因为当我尝试它时,它不起作用<代码>加载更多可能有效,但请记住ID对于页面是唯一的。如果我使用加载更多而不是???,这是否仍然有效????因为当我尝试它时,它不起作用<代码>加载更多可能会起作用,但请记住ID对于页面是唯一的..一个不错的Sam!我尝试了这个,它成功了…唯一的失败是隐藏被延迟了,ie。它会在消失之前显示Load More按钮几秒钟…所以我更改了代码并使用css,它工作得很好。ie if(mysql_num_rows($getlist)#loadmorebutton{display:none;}还有一个问题…我不想就此提出一个新问题!与facebook不同,加载更多更改为“无更多”以在没有其他显示时自动加载…我必须最后一次单击“加载更多”按钮,然后它才会检查loadmore.php以获取更多项目,如果没有,则它将显示“无更多”以加载…但这是自动的吗ed?嗨,Sam,我刚刚意识到如果有0个项目,脚本就不起作用了!它只在至少有1个项目显示但不超过指定的数字时才起作用。我如何才能满足0的结果?很好的一个Sam!我试过了,它起作用了…唯一的失败是隐藏被延迟了,即,它会在几秒钟内显示“加载更多”按钮所以我改变了代码,改用css,它工作得很好。比如if(mysql_num_rows($getlist)#loadmorebutton{display:none;}还有一个问题…我不想就此提出一个新问题!与facebook不同,加载更多更改为“无更多”以在没有其他显示时自动加载…我必须最后一次单击“加载更多”按钮,然后它才会检查loadmore.php以获取更多项目,如果没有,则它将显示“无更多”以加载…但这是自动的吗ed?嗨,Sam,我刚刚意识到如果有0个项目,脚本就不起作用!它只在至少有1个项目显示但不超过指定的数字时才起作用。我如何满足0的结果?