2017-06-05 1 views
1

私はCodeigniterを初めて使用しています。私は無限のスクロールを適用しています。 Infinite scrollからの参照を取得しています。データベースレコードで作業したい。しかし、それは動作していません。Codeigniter:Iinfiniteスクロールがデータベースと連携していません

私はコードをお見せしましょう:ニュースコントローラーで

//Rendering view 
    public function infiniteScroll() { 
     $total_data = $this->news_model->get_all_count(); 
     $data['title'] = 'News List'; 

     $offset = 30; 
     $all_content = $this->news_model->get_all_content(0,$offset); 
     $data['news'] = $all_content; 
     $data['content'] = "news/scrollNews"; 
     $this->load->view('templates/main', $data,FALSE); 
    } 

// Load More data on page scroll 
    public function loadMore($page=1, $count = 30) 
    { 
     $offset = ($page - 1)*$count; 
     $data['title'] = 'News List'; 
     $all_content = $this->news_model->get_all_content($count,$offset); 

     $data['news'] = $all_content; 
     $data['content'] = "news/scrollNews"; 
     $this->load->view('templates/main', $data,FALSE); 
    } 

マイビューのページ:

<div id="posts"> 
    <?php foreach ($news as $nw){ ?> 
    <div class="post"> 
     <?= $nw->log_id ?> 
    </div> 
    <?php } ?> 
</div> 

<div id="pagination"> 
    <a href="loadMore" class="next">next</a> 
</div> 

<script> 
var ias = jQuery.ias({ 
    container: '#posts', 
    item:  '.post', 
    pagination: '#pagination', 
    next:  '.next', 
}); 
</script> 

ここに私のloadMore機能がクリック時に呼び出されたが、私はいずれかを取得することはできませんオフセットを設定するパラメータ。私は新しいので、私はクリックで次のレコードを取得する方法を知らない。

また、スクロールにデータを読み込む必要があります。クリックしないでください。

助けてください。

答えて

0

我々はそれが

<div id="pagination"> 
      <a href="base_url/controller/action/$page" class="next-posts">next</a> 
     </div> 

へ "href属性をアンカー"

変更

<div id="pagination"> 
<a href="loadMore" class="next">next</a> 

からURLを取得しています[次へ]ボタンをクリックしたときに、私はわからないけど、私はそれがあなたのために働いていると思う。

+0

これは$ page変数のエラーを表示します。私もリンクをクリックしないようにしたい。スクロール時にデータを自動的にロードする必要があります。私はデモで文書が適切な情報でない理由を理解していません。 – Dhara

+0

これをチェック[他の回答の解決策](https://stackoverflow.com/questions/14934667/infinite-scroll-jquery-plugin-in-codeigniter) – elddenmedio

+0

okk。私はこの解決策を適用します。ありがとう – Dhara

関連する問題