从CodeIgniter控制器中定位特定的引导选项卡

时间:2014-07-01 08:33:38

标签: codeigniter twitter-bootstrap tabs

我使用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");

但是打开了第一个标签,而不是第三个标签。

任何人都可以建议一些解决方案吗?

问候,约翰

1 个答案:

答案 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">