次のページから最初の1での記事やプルを削除
-
27-09-2019 - |
質問
私は、ページネーションシステム(例:ページあたり5件の記事)でブログを構築しようとしています。 すべては、私は管理者が動的に(jqueryの)を削除することができ、「削除」ボタンの関連記事とその内容を含め、各記事の隣に改ページそのものではなく、罰金です。 私は別の記事、第3などを削除すると、私は、第二の記事を削除したときに私が今欲しいのは(リフレッシュなし)「アペンド」の次のページの最初の記事にあります。 私はこれは私がリフレッシュすることなく記事を削除し続ける場合は空白のページを持つことがないようにしたい。
私は実際にデータを格納するためにPHPとMySQLデータベースを使用しています ページ付けのために私はこれに似たものを使用しています リンクするます。
解決
私はもともとので、ここでのコピー、複製に答えたが、それは削除される可能性がありますだと思います
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エラーを投げるかもしれないので、そのもテストされていない。
他のヒント
そしてAPPEND
のHTMLコードを返します明確にする:私たちはAPPENDページとセットで、あなたはあなたが削除第17条には、あなたが要素21を取得した場合はページ内の最後の要素が20であることを知っている記事16,17,18,19,20に探していると仮定した場合(など)最後のページの値として、この値21