Я хочу изменить вкладки в opencart (admin view) с помощью twitter bootstrap 3.0, следующий код:
<ul id="myTab" class="nav nav-tabs">
<li class="active"><a href="#tab-general" data-toggle="tab"><?php echo $tab_general; ?></a></li>
<li class=""><a href="#tab-data" data-toggle="tab"><?php echo $tab_data; ?></a></li>
<li class=""><a href="#tab-design" data-toggle="tab"><?php echo $tab_design; ?></a></li>
</ul>
<div id="myTabContent" class="tab-content">
<div id="tab-general" class="tab-pane fade active in">
<ul id="languages" class="nav nav-tabs">
<?php $i = 0; ?>
<?php foreach ($languages as $language) { ?>
<li class="<?php if ($i == 0) { echo 'active'; } ?>">
<a href="#language<?php echo $language['language_id']; ?>" data-toggle="tab"><img src="view/image/flags/<?php echo $language['image']; ?>" title="<?php echo $language['name']; ?>" /> <?php echo $language['name']; ?></a>
</li>
<?php $i++; } ?>
</ul>
<div id="Mylanguages" class="tab-content">
<?php $a = 0; ?>
<?php foreach ($languages as $language) { ?>
<div id="language<?php echo $language['language_id']; ?>" class="tab-pane fade <?php if ($a == 0) { echo 'active'; } ?> in">
<?php echo $language['language_content']; ?>
</div>
<?php $a++; } ?>
</div>
</div>
<div id="tab-data" class="tab-pane fade">
...
</div>
<div id="tab-design" class="tab-pane fade">
...
</div>
</div>
Родительские вкладки (вкладки, вкладки, вкладки) без работы foreach отлично
Первая перезагрузка, язык 1 - активная вкладка
При щелчке по языку 2 вкладка
- Ссылка
#language2
имеетselected
класс Тег -
div
с идентификаторомlanguage2
имеет блок отображения, но не имеетactive
class - Язык 1
li
все еще имеет классactive
, но язык 2li
не имеет классаactive
.
Когда я пытаюсь скопировать html (через элемент проверки) и сделать на jsfiddle (изменить контент, а не тег html), он отлично работает. Jsfiddle