2011-02-02 11 views
0

DrupalのWebサイトでタブ付きメニューを作成する必要があります。 drupalのインストールは良いouldですDrupal 4.7。タブ付きメニューを作成するために、Jqueryのtabifyプラグインを使用します。問題は、私はそれを働かせることができないということです。 Jqueryが読み込まれないようです。私はメニューを持っていたいと思うウェブサイトにコード(下記)を入れます。それは仕事をしなかった。そして、それをメインのDrupalページとすべてのテンプレートファイルに貼り付けました。どちらもうまくいきません。その原因は何ですか?何かアドバイスをいただきました。JqueryまたはJQuery.tabifyを読み込めません

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript" charset="utf-8"></script> 
<script src="jquery.tabify-1.4.js" type="text/javascript" charset="utf-8"></script> 
<script type="text/javascript"> 
     // <![CDATA[ 

     $(document).ready(function() { 
      $('#tabbed_menu').tabify(); 
     }); 

     // ]]> 
    </script> 

<ul id="tabbed_menu"> 
     <li class="active"><a href="#description">Treatment</a></li> 
     <li><a href="#usage">Prices</a></li> 

     <li><a href="#download">FAQ</a></li> 

    </ul> 
    <div id="description" class="content">  
some text 
</div> 


     <div id="usage" class="content"> 
     <h2>Prices</h2> 
some text   
</div> 

    <div id="download" class="content"> 
some text 
         </div> 

とCSS:ここに私のコードです

#tabbed_menu{ padding: 0;}#tabbed_menu LI{ display: inline;}#tabbed_menu LI A{ background: #EDF; padding: 10px; float: left; border-right: 1px solid #CCF; border-bottom: none; text-decoration: none; color: #000; font-weight: bold;}#tabbed_menu LI.active A{ background: #E07; color: #FFFFFF;}.content_tabbed{ float: left; clear: both; border: 1px solid #CCF; border-top: 1px solid #CCF; border-left: 1px solid #CCF; background: #FFF; padding: 10px 20px 20px; width: 100%; border-bottom: 1px solid #CCF;} 
+0

tabifyの間違ったファイルパス? – benhowdle89

+0

それは私が恐れていることではない – Vonder

答えて

0

そのuは上にロードされているjQueryのコアjqueryのであるから、UはjqueryのUIを必要とする:)と<script>が他の上にあることを確認してくださいあなたがtabifyを呼び出したコード:

+0

これは、これらのコードでローカルファイルで動作するので、UIの必要はありません。 – Vonder

+0

ああ...あなたはあなたのサーバー上でtabifyファイルをアップロードしていることを確認してください – Val

関連する問題