我使用bootstrap标签,我想从CI控制器打开特定标签。 我视图中的代码如下所示:
<ul class="nav nav-tabs" id="myTabs">
<li class="active"><a href="#tabs1-pane1" data-toggle="tab">Tab 1</a></li>
<li><a href="#tabs1-pane2" data-toggle="tab">Tab 2</a></li>
<li><a href="#tabs1-pane3" data-toggle="tab">Tab 3</a></li>
<li><a href="#tabs1-pane4" data-toggle="tab">Tab 4</a></li>
</ul>
现在,我想在我的控制器中处理一些数据,完成后,我想打开Tab 3
我正在尝试这样的事情:
redirect(base_url()."hoteldetails/showHotel/".$hotelID."/#tabs1-pane3");
但是打开了第一个标签,而不是第三个标签。
任何人都可以建议一些解决方案吗?
问候,约翰
答案 0 :(得分:2)
你可以这样做;
<?php $tab = (isset($_GET['tab'])) ? $_GET['tab'] : null; ?>
<ul class="nav nav-tabs" id="myTabs">
<li class="<?php echo ($tab == 'tab1') ? 'active' : ''; ?>"><a href="<?php echo site_url('hoteldetails/showHotel/13?tab=tab1'); ?>">Tab 1</a></li>
<li class="<?php echo ($tab == 'tab2') ? 'active' : ''; ?>"><a href="<?php echo site_url('hoteldetails/showHotel/13?tab=tab2'); ?>">Tab 2</a></li>
<li class="<?php echo ($tab == 'tab3') ? 'active' : ''; ?>"><a href="<?php echo site_url('hoteldetails/showHotel/13?tab=tab3'); ?>">Tab 3</a></li>
<li class="<?php echo ($tab == 'tab4') ? 'active' : ''; ?>"><a href="<?php echo site_url('hoteldetails/showHotel/13?tab=tab4'); ?>">Tab 4</a></li>
</ul>
然后,您应该更改每个选项卡窗格,以使其也具有活动类;
<div class="tab-pane <?php echo ($tab == 'tab1') ? 'active' : ''; ?>" id="tabs1-pane1">