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

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

Сообщение 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»