Eliminar un artículo y tirón en el primero de la página siguiente

Question

Estoy tratando de construir un blog con un sistema de paginación (ej. 5 artículos por página). Todo está muy bien con la paginación en sí, sino al lado de cada artículo incluido un botón "eliminar" que permite al administrador para eliminar de forma dinámica (jQuery) del artículo relacionado y su contenido. Lo que quiero ahora es "append" (sin actualizar) el primer artículo de la página siguiente cuando se borra un artículo, el segundo cuando se borra otro artículo, a continuación, la tercera y así sucesivamente. Quiero esto para evitar tener una página en blanco si sigo en la supresión de los artículos sin actualizar.

En realidad estoy usando PHP y una base de datos MySQL para almacenar datos para paginar estoy usando algo similar a esto enlace .

Answer 1

Originalmente respondió en el duplicado, pero piensa que podría obtener eliminado, por lo que la copia aquí:

jQuery hace que sea agradable y fácil. Esto supone que tienes un archivo PHP llamada ajax / delete-article.php que tiene un identificador de artículo que se ha eliminado como un parámetro, y el artículo Identificación del último artículo en la página como un parámetro y devuelve el HTML de la próximo artículo. También asume todos sus artículos tienen la clase "artículo", y la identificación del "artículo-230", donde 230 es el número de identificación. Estoy seguro de que se puede adaptar a su propia estructura 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();
});

Tenga en cuenta que esto es sólo un ejemplo aproximado. Requerirá algunas mejoras para robustez. Su también no probada, por lo que podría arrojar errores JS todas partes.

Answer 2

básicamente cuando se elimina con éxito un artículo, en la solicitud MISMO (no hacer otro, no es necesario) se recupera también (si lo hay) próximo artículo después de la última en la página (por id, fecha de publicación o de otro tipo) y devolver el código HTML para anexar

Para ser claro: si suponemos que busca a los artículos 16,17,18,19,20 sabe que último elemento de la página es 20. Si el artículo 17 de borrado y luego recuperar el elemento 21, anexados en la página y configurar este valor 21 como último valor en la página (y así sucesivamente)