0

現在、HTML サイトにレスポンシブ グリッド フレームワークを使用していますが、データベースから結果をフェッチして行/列を設定する必要があります。

データを水平に設定する4列x 3行を探しています。

<div class="row">
   <div class="three columns">$row=>result</div>
   <div class="three columns">$row=>result</div>
   <div class="three columns">$row=>result</div>
   <div class="three columns">$row=>result</div>
</div>

<div class="row">
   <div class="three columns">$row=>result</div>
   <div class="three columns">$row=>result</div>
   <div class="three columns">$row=>result</div>
   <div class="three columns">$row=>result</div>
</div>

<div class="row">
   <div class="three columns">$row=>result</div>
   <div class="three columns">$row=>result</div>
   <div class="three columns">$row=>result</div>
   <div class="three columns">$row=>result</div>
</div>

これをカウンターでどのように設定するかについての手がかりはありますか？ページネーションも？

4

4 に答える 4

0

ページネーションにJQueryを使用できます

または、php を使用する場合は、サイトの URL が次のようになるようにします。

http://mysite.com/&page=2

次に、クエリでページごとに 5 行を表示します。1ページ目

SELECT * FROM TABLENAME WHERE `bla bla` LIMIT 0,5

2ページ目

SELECT * FROM TABLENAME WHERE `bla bla` LIMIT 5,5

これにより、レコード 6、7、8、9、および 10 が表示されます。

等々..

于 2013-07-24T05:46:13.773 に答える
0

これらの DIV の使用を特に心に決めていない限り、私は「tablesorter」と JQuery を使用します。tablesorter にはページネーション モジュールがあるため、必要なことはすべて実行できます。

于 2013-07-24T05:48:59.523 に答える
0

ナビゲーションを追加しました

<ul class="nav">
    <li><a href="#1">1</a></li> 
    <li><a href="#2">2</a></li> 
    <li><a href="#3">3</a></li>
 </ul>

およびjQueryスクリプト

$(document).ready(function() {
    $('.nav a').click(function() {
        var page = $(this).prop("href").replace(/.*#/,"");
        // or (maybe faster and better)
        // var page = $(this).attr("href").slice(1);
        // or even (what is the same)
        // var page = $(this).attr("href").substr(1);
        $('.row').hide().eq(parseInt(page)-1).show();
        return false;
    });
});

デモを見る

于 2013-07-24T06:29:24.513 に答える