2

ページ付けシステムを使用してブログを作成しようとしています（例：1ページに5つの記事）。ページネーション自体はすべて問題ありませんが、各記事の横に「削除」ボタンを追加して、管理者が関連記事とそのコンテンツを動的に（jqueryで）削除できるようにしました。私が今欲しいのは、記事を削除するときに次のページの最初の記事を「追加」し、別の記事を削除するときに2番目、次に3番目というようになります。更新せずに記事を削除し続ける場合は、空白のページが表示されないようにする必要があります。

私は実際にphpとmysqlデータベースを使用して、ページ付け用のデータを格納しています。この リンクに似たものを使用しています。

4

2 に答える 2

0

基本的に、記事を正常に削除すると、同じリクエストで（別の記事を作成しないでください）、最後のページの次の記事（ID、公開日など）も取得して、追加するHTMLコード

明確にするために：記事16、17、18、19、20を見ていると仮定すると、ページの最後の要素が20であることがわかります。記事17を削除すると、要素21を取得し、ページに追加して、この値を21に設定します。ページの最後の値として（など）

于 2010-11-22T11:05:47.473 に答える
0

私はもともと重複について答えましたが、それが削除される可能性があると思うので、ここにコピーします：

jQueryはそれを素晴らしく簡単にします。これは、削除する記事IDをパラメーターとして受け取り、ページの最後の記事の記事IDをパラメーターとして受け取り、のHTMLを返すajax/delete-article.phpというphpファイルがあることを前提としています。次の記事。また、すべての記事に「article」クラスがあり、IDが「article-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エラーが発生する可能性があります。

于 2010-11-22T11:26:58.750 に答える