1

4 つの div 列で構成される単一の php/html ページ サイトがあります。それらの 4 つすべてが、MySQL データベース内の特定のテーブルから結果を引き出しており、それらはすべて非常に長いものです。私は無限スクロール ソリューションを使用することにしましたが、問題は、私が見つけたすべてのスクリプトが、結果が追加される 1 つの div のみをスクロールすることを参照していることです。

そのため、少しカスタマイズすれば、複数の列で機能させることができるはずだと考えました。これを試してみることにしました: https://github.com/tournasdim/PHP-infinite-scrolling。値を変更し、クエリの複数のソースを追加してから、それらを別の div に追加しようとしましたが、どうすればよいかわかりません。

これは custom_jquery.js からのものです:

$.ajax({
dataType : "html" ,
url: "jquery-loadMoreComments.php?lastComment="+ $(".postedComment:last").attr('id') ,  
success: function(html) {
 doMouseWheel = 1 ; 
if(html){
$("#postedComments").append(html);
//console.log("Append html--------- " +$(".postedComment:first").attr('id'));
//console.log("Append html--------- " +$(".postedComment:last").attr('id'));
$("#last").remove();
$("#postedComments").append( "<p id='last'></p>" );
$('div#loadMoreComments').hide();
}else{      
$('div#loadMoreComments').replaceWith("<center><h1 style='color:red'>End of countries !!!!!!!</h1></center>");

これを取る方法について何か提案はありますか？

与えられた洞察は非常に高く評価されます!

また、すぐに使用できる、または変更が少なくて済む別のスクリプトを知っている場合は、それを歓迎します。

現在、データベースから結果を取得してページに表示するために CodeIgniter を使用していますが、これは 1 つの単純なページであるため、CodeIgniter を使用しなくても実行できます。

4

1 に答える 1

2

異なる ID を使用して、スクロール イベントを 4 つの Ajax 呼び出しにバインドするだけで簡単に実行できますが、これは非常に非効率的です。

特に、新しいコンテンツがなくなったことがわかっている場合でも、4 つの列すべてをチェックする場合はなおさらです。

理想的には、4 つの呼び出しすべてを 1 つにまとめ、それに応じて応答を分割する必要があります。

もっと多くのコードを見なければ、私はあまり役に立ちませんが、それが出発点になるはずです。

于 2012-11-04T21:36:52.180 に答える