Почему мои вкладки не работают?

Я пытаюсь использовать вкладку из семантики ui, но я не могу заставить ее работать. вкладки не меняются. я забыл что-то включить?Почему мои вкладки не работают?

$(function() { 
 
    $('.menu .item').tab(); 
 
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.css" rel="stylesheet" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.js"></script> 
 
<div class="ui top attached tabular menu"> 
 
    <a class="item active" data-tab="first">First</a> 
 
    <a class="item" data-tab="second">Second</a> 
 
    <a class="item" data-tab="third">Third</a> 
 
</div> 
 
<div class="ui bottom attached tab segment active" data-tab="first"> 
 
    First 
 
</div> 
 
<div class="ui bottom attached tab segment" data-tab="second"> 
 
    Second 
 
</div> 
 
<div class="ui bottom attached tab segment" data-tab="third"> 
 
    Third 
 
</div>

источник

2016-07-09 Niklas Rosencrantz

Да, ваш css .. –

@CarolMcKay Я исправил его, когда я очистил код. Возможно, это было некорректно или js, которые не сработали. Спасибо за помощь :-) –

Я считаю, что вам нужно это назвать

$(function() { 
    $('.menu .item').tab(); 
});

, чтобы сделать ваши вкладки работ.

И semantic-ui имеют отличную документацию, которую вы должны посмотреть там.

источник

2016-07-09 08:09:56

Но где должен быть этот код? Я попытался запустить его, и он не решает проблему. Вкладки просто не переключаются, как предполагалось. –

@ Programmer400 Я добавил, что этот код должен быть, если он все еще не работает, вы можете отредактировать код с помощью только тех тонкостей, которые необходимы для вашей проблемы. –

Прохладный, он сработал. Мне просто нужно было очистить код. –

Почему мои вкладки не работают?

ответ

Смежные вопросы