/ / bootstrap 2.0 Активиране на раздела и данните по url в съдържанието на табулатора - jquery, html, css, twitter-bootstrap

bootstrap 2.0 Активиране на раздела и данните по url в съдържанието на табулатора - jquery, html, css, twitter-bootstrap

Виждал съм многобройни въпроси, които обикновено засягат тази тема, знам точно какво трябва да се направи, но аз не съм "fluent" с jQuery следователно не мога да успея да направя това.

 <ul class="nav nav-pills" id="activate">
<li><a href="#tab1" data-toggle="tab">Tab 1</a></li>
<li class="active"><a href="#tab2" data-toggle="tab">Tab 2</a></li>
</ul>

<div class="tab-content">
<div id="tab1"><h1>Data for Tab 1</h2></div>
<div id="tab2">
<a href="#tab1" rel="taburl" data-toggle="tab">Take me to tab content #1</a>
</div>

В идеалния случай данните в този раздел се превключват на # tab1, но разделът няма да премине active клас на href="#tab1" (остава активен на #tab2 но показва данните от #tab1)

Реших, че мога да използвам .first() метод и насочени към първата поява на href="#tab1 и .addClass("active") към това ли. Но аз не знам как да избирам li за anylink аз линк към него да се насочи директно към това href документ за самоличност

Аз наистина не знам дали това може да бъде направено. Мога ли да инжектирам href данните от връзката (с jQuery), след това да го добавите към табовата връзка и да я активирате.

И отново, data-toggle="tab" превключва на правилното съдържание, но няма да актуализира активния раздел в навигационната лента,

така че има начин да изберете точния "раздел" и .addClass("active") към <li> след като изстрелях връзката.

Благодарим ви за вашето време.

Пример за JSFIDDLE

http://jsfiddle.net/epiceon/M6NQJ/1/

Отговори:

2 за отговор № 1

Ако превключвате между раздели като тези, на които ще трябва да се обадите tab("show") отново на раздела възнамерявате този бутон, за да отидете.

Отстрани, трябва да обмислите актуализирането на вашетоверсия 2.0.3, ако използвате раздели.Те определят някои грешки (най-вече с раздели от ляво или отдясно), но дори и отпадането в новия файл navs.less може да ви спести главоболие по пътя.


1 за отговор № 2

Срещнах нещо подобно, когато се опитах ръчно да затварям раздел в себе си.

Работа в jsFiddle:

http://jsfiddle.net/WnQvF/8/

Имайте предвид, че аз просто copypasted от моя проект. Така че решението може да не е най-чистият за вашия проблем, но ще получите как работи. Не забравяйте да наименувате бутоните Tab и бутона в рамките на раздел 3.