0

ここからタブスクリプトを使用していますhttp://www.sunsean.com/idTabs/#advanced。「通常」タブの下にあります。以下の jsfiddle は、jquery.idTabs.min.js も呼び出します。「外部リソース」の下に表示されます。誰かが私が間違っていることを見ることができますか?タブがレンダリングされないのはなぜですか?

http://jsfiddle.net/PM3zG/

 <div id="usual1" class="usual"> 
  <ul> 
    <li><a href="#tab1" class="selected">Tab 1</a></li> 
    <li><a href="#tab2">Tab 2</a></li> 
    <li><a href="#tab3">Tab 3</a></li> 
  </ul> 
  <div id="tab1" style="display: block; ">This is tab 1.</div> 
  <div id="tab2" style="display: none; ">More content in tab 2.</div> 
  <div id="tab3" style="display: none; ">Tab 3 is always last!</div> 
</div> 
4

4 に答える 4

1

$("#usual1 ul").idTabs(); をワープする必要があります。ドキュメント準備完了イベント内で試してください:

$(document).ready(function(){
    $("#usual1 ul").idTabs(); 
});
于 2013-04-08T19:40:43.743 に答える