2011-05-27 10 views
0

div内のコンテンツを読み込むためにajaxを使用しています。これにはjQueryVericalTabsプラグインが含まれています。しかし、スタイルは機能しません。私はフォーマットされていないテキストを見るだけです。ajaxのロードされたdiv内でjavascriptを実行できません

FFのWeb開発ツールでは、レンダリングされたソースが、インデックスページで正しく呼び出されているにもかかわらず、CSSファイルのスタイルにリンクしていないことがわかります。私はCSSを直接​​index.phpに書いてみました。コンテンツファイルにbodyタグの中に入れました。(プラグインのデモごとに)javacriptの有無にかかわらず、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は多くのクリーナーです。

何か入力いただきありがとうございます。

答えて

0

ご返信ありがとうございます。私はthis postからの提案でそれを解決しました。もし誰かが役に立つと思ったら、

1

私はそれを試したことはありませんが、jqueryのドキュメントによれば、.live()イベントを使用してajax読み込みコンテンツを取得して処理できます。 Check the documentation here.お手数ですが、回答が得られたら、

+1

これは古い質問/回答ですが、jQuery 1.7では '.live()'は廃止されました。 1.9で確実に削除されました。代わりに '.on()'を使用してください。 – Pere

関連する問題