Как инициализировать вкладки twitter bootstrap 2.0, когда весь элемент вкладки добавляется на страницу после начальной з ⇐ Jquery

[Anonymous]

Я загружаю HTML-код на страницу через Ajax, которая включает новый элемент с вкладками. Единственная проблема заключается в том, что вкладки не работают, поскольку загрузочная загрузка уже инициализирована. Поэтому я попробовал следующий код, который правильно нацелен на предполагаемый URL-адрес, содержащий вкладки, с помощью jQuery. Однако вкладка не инициализируется.

Вот HTML (загружаемый на страницу после инициализации DOM через AJAX):

Код: Выделить всё

[list]
[*][url=#tab-fixes-27]One[/url]
[*][url=#tab-final-27]Two[/url]
[*][url=#tab-orig-27]Thre[/url]
[/list]


Conten1

Conten2

Conten3

А затем мой JavaScript:

Код: Выделить всё

$('.nav-tabs').tab();

Похоже, что я прочитал (http://www.mightywebdeveloper.com/codin ... d-content/), который должен инициализировать вкладки, но ничего не делает.

Проблема в том, что, несмотря на инициализацию вкладок, при нажатии на них ничего не происходит. Даже если я нацеливаюсь на конкретную вкладку, используя .tab('show'), и она отображается правильно. Когда я нажимаю на вкладки, по-прежнему ничего не происходит.

Кроме того, вкладки работают нормально, если я добавляю их постфактум с добавлением (см. http:// jsfiddle.net/HLj4N/9/, который добавляет приведенный выше HTML-код в элемент div после нажатия кнопки). Похоже, что кто-то bootstrap.js уже инициализировал его при добавлении.

Есть мысли о том, почему нажатие вкладок ничего не дает?

Подробнее здесь: https://stackoverflow.com/questions/174 ... s-added-to