2011-02-02 86 views
0

我需要在Drupal网站上创建一个选项卡式菜单。 Drupal的安装是一个很好的Drupal 4.7。为了创建标签式菜单,我使用jQuery的tabify插件。问题是我无法工作。看来Jquery不会加载。我把代码放在了我想要菜单的网站上。它没有工作。然后我把它放在主要的drupal页面和每个模板文件上。不工作。这是什么原因?任何意见赞赏。这里是我的代码:无法加载Jquery或JQuerry.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 2011-02-02 11:17:01

+0

这不是我害怕 – Vonder 2011-02-02 11:41:27

回答

0

其因为u必须装上了jQuery是jQuery核心,u需要的jQuery UI的:),并确保<script>高于其他代码你打电话给tabify,:)