2

私はCodeIgniterを使用しています。私のコントローラーでは、JSON応答をデコードし、ビューの読み込み時に値を表示しています。JSON配列からすべてのコンテンツを表示しているだけです(データベースは使用されていません)。これは完全にデータをレンダリングする配列です。スクロールしながらコンテンツを自動ロードしたいと思います。

例:

 $resultjson = $this->curl->simple_get("http://www.test.com/api/records.php?ak=XXXXXXXX&ts=XXXXXXXX&sig=XXXXXXXX&postano=XXXXXX&count=100");

自動ロード時に10レコードをフェッチするにはどうすればよいですか?http://pinterest.com/メカニズムと同じように。どうすればこれを達成できますか?

プラグインはありますか?CodeIgniterには、クラスやライブラリを使用できるようなソリューションがすでにありますか?

4

2 に答える 2

1

jQueryスクロールイベントscrollTop()および$ .ajax();を使用できます。

基本的に、scrollイベントをキャッチし、 ( 。offset()を介して)$(window).scrollTop()より大きいかどうかを確認し、その場合はajaxを1回実行します。<div id="auto_load"></div>

div#auto_loadロードされたコンテンツの下に配置され、コンテンツが追加されると「ジャンプ」します。

例:

var ajax_once = false;
$(window).bind('scroll', function() {
    if (ajax_once)
        return;

    if ($(this).scrollTop() >= $('div#auto_load').offset().top) {
        ajax_once = true;
        $.ajax({
            /* Url, dataType json etc. */
        }).done(function(data) {
            /* use the data */
            ajax_once = false;
        });
    }
});
于 2012-12-10T13:07:37.433 に答える
-1

Codeigniterはphpフレームワークであり、サーバー側を意味するため、クライアント側のロジックは組み込まれていません。

無限スクロールと呼ばれるものにjQueryプラグインを使用できます。これへのリンクは次のとおりです:http://www.infinite-scroll.com/

于 2012-12-10T13:03:52.467 に答える