2011-02-02 6 views
0

드루팔 (Drupal) 웹 사이트에서 탭 메뉴를 만들어야합니다. drupal 설치는 좋은 ould입니다. Drupal 4.7. 탭 메뉴를 만들기 위해서 Jquery 용 tabify plugin을 사용합니다. 문제는 내가 작동시키지 못한다는 것이다. 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

+0

그것은 내가 두렵다는 것이 아닙니다. – Vonder

답변

0

의 u는에 넣은 JQuery와 핵심 JQuery와 있기 때문에, u는 JQuery와 UI를 필요로 :) 및 <script> 다른 이상이 있는지 확인 당신이 tabify 전화 코드 :

+0

이 코드로 로컬 파일에서 작동하므로 UI가 필요하지 않습니다. – Vonder

+0

아 맞다 ... 당신이 서버에 파일을 tabify 업로드되었는지 확인하십시오 – Val

관련 문제