Панель вкладок Bootstrap не работает

Я делаю модальную вкладку в бутстрапе в соответствии с руководством. Вот скрипка и код:

$(document).on("click","#tabs a",function(event)
{
 alert("!!!");
 event.preventDefault();
 $(this).tab('show');
})

Это не работает (содержимое вкладок не отображается). Какая у меня ошибка? Я активирую вкладки неправильно или что?

4 ответа

Вы не включили хэш в href для вкладок, обновленную скрипку.

<ul role="tablist" id="tabs">
 <li><a href="#forPhys" role="tab" data-toggle="tab" target="_blank">For individuals</a></li>
 <li><a href="#forOrg" role="tab" data-toggle="tab" target="_blank">For organisations</a></li>
</ul>


Вам просто нужно добавить # в href, чтобы он знал, что ищет идентификатор элемента.

<ul role="tablist" id="tabs">
 <li><a href="#forPhys" role="tab" data-toggle="tab" target="_blank">For individuals</a></li>
 <li><a href="#forOrg" role="tab" data-toggle="tab" target="_blank">For organisations</a></li>
</ul>

http://jsfiddle.net/52VtD/8212/


Вы забыли "#" на href. См.

    <li> <a href="#forPhys" role="tab" data-toggle="tab" target="_blank">For individuals</a> </li> <li> <a href="#forOrg" role="tab" data-toggle="tab" target="_blank"> For organisations</a> </li>


попробуй это

<ul role="tablist" id="tabs">
 <li><a href="#forPhys" role="tab" data-toggle="tab" target="_blank">For individuals</a></li>
 <li><a href="#forOrg" role="tab" data-toggle="tab" target="_blank">For organisations</a></li>
 </ul>

licensed under cc by-sa 3.0 with attribution.