Javascript Jquery隐藏/显示加载更多按钮
我有一个脚本,请参见以下内容: 索引页: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" />');
<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的结果?