Невозможно выполнить javascript внутри ajax загружен div

Question

Я использую ajax для загрузки некоторого содержимого внутри div, и это включает в себя плагин jQueryVericalTabs. Однако стили не будут работать, я просто вижу неформатированный текст.

С помощью инструмента веб-разработчика FF я вижу, что обработанный источник не ссылается на стили в моем файле CSS, несмотря на то, что он правильно вызывается на индексной странице. Я попытался написать CSS непосредственно на index.php, в файле содержимого, поместив его внутри тегов тела, с и без javascript (на демо-версию плагина), а также предложение на this post, но никто не работал, не знаю, что еще пытаться. Вот что мой заголовок выглядит следующим образом:

<link rel="stylesheet" href="css/jquery-jvert-tabs-1.1.4.css" type="text/css" /> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script> 
<script type="text/javascript" src="js/jquery-jvert-tabs-1.1.4.js"></script> 
<script type="text/javascript" src="js/ajax.js"></script> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $(function(){ 
      $("#accordion").accordion({ 
       active: false, 
       autoHeight: false, 
       collapsible: true 
      }); 
     }); 

    $("#vtabs5").jVertTabs({ 
     equalHeights: true 
    }); 
    // add click events for open tab buttons 
    $("input[id^=openTab]").each(function(index){ 
     $(this).click(function(){ 
      openTab("#vtabs6",index); 
      return false; 
     }); 
    }); 
    function openTab(tabId,index){ 
     $(tabId).jVertTabs('selected',index); 
    } 
}); 

Я попробовал другой плагин, VerticalTabs, и вкладка титры показывают с правильным форматированием, но не отображается вкладка-контент. Я бы предпочел использовать первый плагин, хотя HTML намного чище.

Я ценю любой вход.

Answer 1

Спасибо за ваш ответ. Я решил это с предложением от this post, в случае, если кто-то сочтет это полезным :)

Answer 2

Его просто предложение, я его никогда не пробовал, но в соответствии с документацией jquery вы можете достигнуть и обработать содержимое, загруженное ajax, используя событие .live(). Check the documentation here. Надеюсь, что это поможет, и если вы получите ответ, отправьте его обратно