質問

私は、ページネーションシステム(例:ページあたり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エラーを投げるかもしれないので、そのもテストされていない。

他のヒント

あなたが成功した同じ要求(ID、発行日やその他の別)のページの最後の後に(別のものを作らない、必要はありません)あなたは(もしあれば)も取得次の記事の資料を、削除基本的に

そしてAPPEND

のHTMLコードを返します 明確にする:私たちはAPPENDページとセットで、あなたはあなたが削除第17条には、あなたが要素21を取得した場合はページ内の最後の要素が20であることを知っている記事16,17,18,19,20に探していると仮定した場合(など)最後のページの値として、この値21

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top