2010-02-27 4 views
0

Я использую jQuery UI Tabs плагин для загрузки HTML-страниц через AJAX, так что у меня есть следующий HTML:Проблема загрузки динамического содержимого HTML + JS с помощью AJAX

<div id="tabs"> 
    <ul> 
     <li><a href="pageWithGallery.html" title="pageWithGallery">Gallery</a></li> 
    </ul> 
</div> 

Загруженный страница pageWithGallery.html содержит jQuery gallery, который воспроизводится на $ (документе) .ready. это, однако, не работает, когда подключаемый модуль ui-tabs загружает страницу через ajax. Как же мне это сделать? Спасибо!

ответ

1

Вы можете инициализировать галерею jQuery при загрузке вкладок.

$('#tabs').tabs({ 
    load: function(event, ui) { 
     // load gallery ... 
    } 
}); 
+0

Спасибо, Так что это будет выполняться каждый раз, когда выбирается вкладка не только с галереей, могу ли я указать ее, только когда выбрана конкретная вкладка? Кроме того, это требует, чтобы я загрузил сценарий на мою главную страницу (содержащую вкладки) и узнал о содержимом вкладок, могу ли я избежать этого? – gkdm

+0

Да, вы можете заставить его работать только в определенных случаях, но это сделает его очень нединамичным, поскольку вам нужно знать о том, какие именно вкладки у вас есть. Запустите console.log (ui), чтобы узнать, с какими параметрами вы должны соответствовать. Если вы используете Firefox с Firebug или Safari/Chrome и знаете, как использовать консоль. – Christoffer

+0

Другим вариантом может быть загрузка iframe на вкладке ... – Christoffer

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