0

编辑：感谢大家的帮助。但它仍然不起作用。如果我将表格更改为有序列表，则此脚本可以正常工作。（tr = ol 和 td = li）这就是为什么我真的认为问题来自代码的附加部分。有任何想法吗？

除了单击后消失的“加载更多”按钮之外，一切似乎都工作正常。新帖子已加载，但用户无法再次单击该按钮以加载更多帖子。我看过 SO 但找不到解决我的问题的方法。

如果我删除这一行：

$("#more"+ID).remove();

然后按钮确实出现了，但 gif 图像一直在加载，并且按钮不可点击......

这是 index.php 代码：

<table id="update_list" >
<tbody>
<?php
$result=query("SELECT * FROM postlist ORDER BY postid DESC LIMIT 9");
foreach ($result as $row)
{
$postid=$row['postid'];
$post=$row['post'];
?>
<tr id="<?php echo $postid ?>">
<td> 
<?php echo $post; ?>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<div id="more<?php echo $postid; ?>" class="morebox">
<a href="#" class="more" id="<?php echo $postid; ?>">more</a>
</div>
</div>
</body>
<script type="text/javascript">
$(function() {
$('.more').live("click",function() 
{
var ID = $(this).attr("id");
if(ID)
{
$("#more"+ID).html('<img src="/loading.gif" />');

$.ajax({
type: "POST",
url: "loadmore.php",
data: "lastpost="+ ID, 
cache: false,
success: function(html){
$("#update_list >tbody").append(html);
$("#more"+ID).remove();
}
});
}
else
{
$(".morebox").html('The End');
}
return false;
});
});
</script>
</html>

这是加载更多的 php 页面：

<?php
include("includes/config.php");
if(isset($_POST['lastpost']))
{
$lastpost=$_POST['lastpost'];

$result=query("SELECT * from postlist WHERE postid < '$lastpost' ORDER BY postid DESC 
LIMIT 5"); 


foreach ($result as $row){
$postid=$row['postid'];
$post=$row['post'];
?>
<tr id="<?php echo update$postid ?>">
<td>
<?php echo $post; ?>
</td>
</tr>
<?php } ?>
<div id="more<?php echo $postid; ?>" class="morebox">
<a href="#" class="more" id="<?php echo $postid; ?>">more</a>
</div>   
<?php  }?>

关于我在这里做错了什么的任何提示？谢谢 ！

4

2 回答 2

2

尝试这个：

    
    $（函数（）{
    $('.more').live("点击",function()
    {
    var ID = $(this).attr("id");
    如果（身份证）
    {
    $("#more"+ID).find("a").hide().insertAfter('<img src="/loading.gif" />'); //隐藏链接并在其后插入图片
    $.ajax({
    类型：“发布”，
    网址：“loadmore.php”，
    数据：“lastpost=”+ ID，
    缓存：假，
    成功：函数（html）{
    $("#update_list >tbody").append(html);
    $("#more"+ID).find("img").remove(); // 删除图片
    $("#more"+ID).find("a").show(); //并显示链接
    }
    });
    }
    别的
    {
    $(".morebox").html('The End');
    }
    返回假；
    });
    });
于 2013-06-12T06:02:14.860 回答
1

You are removing the load more button after button clicked

$("#update_list >tbody").append(html);
//$("#more"+ID).remove(); remove this line
于 2013-06-12T05:51:55.810 回答