简体   繁体   English

引导选项卡面板处于活动状态

[英]Bootstrap tab panel active

I have wasted ridiculous amount of time behind tab-content but can't figure a way out. 我在制表符内容后面浪费了很多荒谬的时间,但是找不到解决方法。 This is my view code here . 这是我的查看代码

But when I click on tab and try to switch tab panel, all of tab pane goes to display:none as I have added $('.tab-content div').hide(). 但是,当我单击选项卡并尝试切换选项卡面板时,所有选项卡窗格都将显示:无,因为我添加了$('。tab-content div')。hide()。 But when I tried to show the panel, it didn't work. 但是,当我尝试显示面板时,它没有用。

You forgot the # in the links 您忘记了链接中的#号

<a href="#<?php echo urlencode($course->courseCode);?>" 

and to urlencode the id on the tab 并在选项卡上urlencode id

  <div role="tabpanel" class="tab-pane" id="<?php echo urlencode($item->courseCode);?>">

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM