codeigniter - 将“视图”从控制器加载到直接选项卡
问题描述
我有一个代码位于第三个“图库”选项卡中。“墙”是页面加载时的活动选项卡。
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#my-wall">Wall</a></li>
<li><a data-toggle="tab" href="#profile">Profile</a></li>
<li><a data-toggle="tab" href="#gallery">Gallery-Photos</a></li>
</ul>
我想将视图从控制器直接加载到“图库”选项卡。是否可以在代码点火器中简单地添加选项卡的 ID,或者是否有其他方法:
$this->load->view('wall#gallery'), $data);
感谢所有反馈。
解决方案
你可以像这样轻松地做到这一点。
从所有选项卡中删除活动类并发送特定变量以查看。基于该变量添加条件以激活所需的选项卡。
$data['active_tab'] = 'gallery';
$this->load->view('wall', $data);
看法
<ul class="nav nav-tabs">
<li <?php if($active_tab == 'my-wall'){ echo "class='active'";}?> ><a data-toggle="tab" href="#my-wall">Wall</a></li>
<li <?php if($active_tab == 'profile'){ echo "class='active'";}?> ><a data-toggle="tab" href="#profile">Profile</a></li>
<li <?php if($active_tab == 'gallery'){ echo "class='active'";}?> ><a data-toggle="tab" href="#gallery">Gallery-Photos</a></li>
</ul>
推荐阅读
- c++ - How can I pass an object into a global array with a public function call using 'this'?
- jquery - Swap plus and minus on click in ul
- python - Work computer python package installation fail
- mongodb - 无法从 wso2 流处理写入远程 mongodb 实例
- reactjs - React app not showing in Codepen no matter what?
- excel - Copy a large amount of data of a specific format/pattern from one Excel file to another Excel file with different data pattern?
- cron - AWS Cloudwatch event rule schedule UTC time example
- java - 验证用户 Mysql Java?
- c# - 如何反序列化xml父根属性
- reactjs - Redux Form Material UI:选择嵌套列表不起作用