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は多くのクリーナーです。
何か入力いただきありがとうございます。
これは古い質問/回答ですが、jQuery 1.7では '.live()'は廃止されました。 1.9で確実に削除されました。代わりに '.on()'を使用してください。 – Pere