删除从下一个页面的第一个文章和拉

Question

我想建立一个分页系统（例如，每页5篇）一个博客。 一切都很好，与分页本身，而是相邻的文章中，我收录了“删除”按钮允许管理员删除动态（jQuery的）相关的文章和内容。 我现在想要的是“追加”（不刷新）当我删除的文章，当我删除的另一篇文章，那么第三等第二下页的第一篇文章。 我想是为了避免有一个空白页，如果我继续删除的文章，而无需刷新。

实际上，我使用PHP和MySQL数据库来存储数据 对于分页我用类似这样的东西 链接。

Answer 1

我本来回答了重复，但认为可能会被删除，所以复制在这里：

的jQuery使得它很好的和容易。这是假设你有所谓AJAX /删除-article.php一个PHP文件，该文件需要一个文章编号，以删除作为参数，并在页面上的最后一篇文章作为参数的文章编号，并返回的HTML的下一篇文章。它还假定所有的文章有“文章”类，而id“文章-230”，其中230是ID号。我敢肯定，你可以使其适应自己的HTML结构。

$('.article-delete').click(function (event) {
  $(this).closest('.article').remove(); // possibly use a more fancy-looking hide(), and remove on complete?

  var lastArticleId = $('.article').last().attr('id').replace('article-','');
  var thisArticleId = $(this).attr('id').replace('article-','');
  $.get('ajax/next-article.php?last-article=' + lastArticleId + '&article-to-delete=' + thisArticleId ,function (data) {
    $('#article-list').append(data);
  });
  event.preventDefault();
});

请注意，这仅仅是一个粗略的例子。将需要稳健一些改进。其还未经检验的，所以它可能到处扔了JS错误。

Answer 2

基本上，当你成功地删除了一篇文章，在同一个请求（不要再拍一次，是没有必要的），你还检索（如果有的话）下一篇文章后，最后在页面（由ID，发布日期或其他）并返回的HTML代码追加

是明确的：如果我们假设你正在寻找的文章16,17,18,19,20-你知道，在页面最后一个元素是20.如果删除第17条，那么你检索元件21，附加在网页和集此值21作为页最后的值（等）