javascript - 关于 jQuery Load More for html 的一些功能

Question

当我搜索“加载更多”表单 html 时，我在 stackoverflow 上找到了它，但它非常简单，我想要一些编辑 jQuery 的功能。这个想法是通过单击“加载更多”来显示 5 个帖子，但在显示之前我想添加 load.gif 图像，这意味着加载帖子。当博客上没有留下帖子时，我想用“没有更多帖子”替换“加载更多”文本，并使用不同的 class="no-more"来从 css 编辑它，因为我不想要这个警报，所以请有人告诉我怎么样？

$(function(){
    $("div").slice(0, 10).show(); // select the first ten
    $("#load").click(function(e){ // click event for load more
        e.preventDefault();
        $("div:hidden").slice(0, 10).show(); // select next 10 hidden divs and show them
        if($("div:hidden").length == 0){ // check if any hidden divs still exist
            alert("No more divs"); // alert if there are none left
        }
    });
});

这是演示: http://jsfiddle.net/purmou/bEdfX/

Answer 1

或者你可以简单地这样做:

$('a').text('No More Posts')    
$('a').addClass('no-more')

关于加载 gif，如果您使用 AJAX 来获取下一个 div，则只需要一个。否则您已经加载了所有内容。