php分頁引導導航選項卡問題

Question

我正在使用Bootstrap導航選項卡來拆分頁面（我站點上的帖子。一個頁面顯示用戶所做的帖子。另一頁面顯示所有帖子。我使用$ _GET變量對頁面進行分頁。

<ul class="nav nav-tabs" id="myTab">
<li class="active"><a href="#myPosts">My Posts</a></li>
<li><a href="#allPosts">All Posts</a></li>
</ul>

<div class="tab-content">
<div class="tab-pane active" id="myPosts">
<?php include "myPosts.php"; ?></div>
<div class="tab-pane" id="allPosts">
<?php include "allPosts.php"; ?></div>
</div>

我通過包括相關頁面鏈接在每個選項卡上顯示內容。

這是一個鏈接示例，該鏈接應將用戶帶到第2頁。

 <a href="mySite.com/posts?page=2">2</a>

這對於myPosts可以正常工作，但是當我單擊第二個選項卡（所有帖子）並嘗試進行分頁時，它將帶我到myPosts的第二頁。 分頁都是基於url的，所以反正有什么要輸入url的選項卡/ div是活動的？

Answer 1

在您發布的代碼中，您有<div class="tab-pane active" id="myPosts">因此， active類在該div中是硬編碼的。 如果那是您想要的，那就太好了...否則，我認為我們在生成列表時需要執行以下未經測試的代碼：

<?php
//dummy data
$pages=array(
    array('id'=>'1','posts'=>array('id'=>1,'content'=>'Go Bucks')),
    array('id'=>'2'),//more posts
    array('id'=>'3'),
    );
?>

<ul class="nav">
    <?php foreach($pages as $page): ?>
        <li class="<?= ($page['id']===$_GET['page']) ? ' active':null ?>">
            <a href="posts/page$<?= $page['id'] ?>"></a>Page <?= $page['id'] ?>
        </li>
    <?php endforeach; ?>
</ul>
<div class="tab-content">
    <?php foreach($pages as $page): ?>
        <div class="tab-pane<?php if($page['id']===$_GET['page']){echo ' active in';} ?>">
            //foreach posts here
        </div>
    <?php endforeach; ?>
</div>

我試圖演示的想法是測試頁面ID與$ _GET ['page']值。

為您提供的另一個想法：請查看bootstrap的示例” http://getbootstrap.com/javascript/#tabs您可能會喜歡在此處使用javascript，或者至少檢查它們的示例以制定所需的語法和行為。