Php分页引导导航选项卡问题
我正在使用引导导航选项卡拆分页面(我网站上的帖子。一个页面显示用户发表的帖子。另一个页面显示所有帖子。我正在使用$\u GET变量对页面进行分页Php分页引导导航选项卡问题,php,twitter-bootstrap,tabs,pagination,Php,Twitter Bootstrap,Tabs,Pagination,我正在使用引导导航选项卡拆分页面(我网站上的帖子。一个页面显示用户发表的帖子。另一个页面显示所有帖子。我正在使用$\u 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>
<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的,因此是否有任何方法可以将哪个选项卡/div处于活动状态输入url?在您发布的代码中,您有
因此,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>
太好了!这个原则正是我所需要的,出于某种原因我无法理解。你是对的,硬编码的活动类才是问题所在。再次感谢!