Я сделал две кнопки для переключения просмотров на 2 вкладки. Каждая кнопка соответствует разным вкладкам, а содержимое под Tabs::widget
должным образом обновляется, но выделенная вкладка не изменяется в отличие от нажатия вкладки. Что еще мне не хватает?Yii2 Виджет вкладки не изменяется после установки на активный
<?php
use yii\helpers\Html;
use yii\bootstrap\Tabs;
?>
<?=
Html::button("1", [
'class' => 'btn btn-info',
'id' => 'criticalTab',
'style' => 'position:relative; left:20px; background-color:red;',
])
?>
<?=
Html::button("2", [
'class' => 'btn btn-info',
'id' => 'warningTab',
'style' => 'position:relative; left:30px; background-color:orange;',
])
?>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
$("#criticalTab").click(function(){
$("#tab1").addClass('active');
$("#tab2").removeClass('active');
});
$("#warningTab").click(function(){
$("#tab1").removeClass('active');
$("#tab2").addClass('active');
});
});
</script>
<div style="position:relative; left:0px; top:30px">
<?=
Tabs::widget([
'items' => [
[
'label' => 'Critical',
'options' => ['id' => 'tab1'],
'content' => 'hello'
],
[
'label' => 'Warning',
'options' => ['id' => 'tab2'],
'content' => 'hi'
],
],
]);
?>
</div>
Это работает для меня, никаких ошибок. Класс успешно изменяется для обеих вкладок. –
Да, это работает, но выделенные вкладки не меняются. Я ошибаюсь? – Gibs
вкладки также выделяются при изменении. –