2011-02-02 3 views
0

Мне нужно создать меню с вкладками на веб-сайте Drupal. Установка Drupal - хороший выход Drupal 4.7. Чтобы создать меню с вкладками, я использую плагин tabify для JQuery. Проблема в том, что я не могу заставить ее работать. Кажется, 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

неправильный путь к файлу для табуирования? – benhowdle89

+0

Это не то, что я боюсь – Vonder

ответ

0

его, потому что у JQuery загружены на это ядро ​​JQuery, и нужно в Jquery UI :) и убедитесь, что <script> выше другого коды, где вы вызываете tabify, :)

+0

Он работает с локальным файлом с этими кодами, поэтому нет необходимости в пользовательском интерфейсе, я думаю. – Vonder

+0

oh right ... убедитесь, что вы загрузили файл tabify на сервере ur – Val

Смежные вопросы