Проблема загрузки JQuery без уважительной причины - PullRequest
Новая
       11

Проблема загрузки JQuery без уважительной причины

0 голосов
/ 02 февраля 2011

Мне нужно создать меню с вкладками на веб-сайте Drupal. Установка Drupal - это хорошая версия Drupal 4.7. Для создания меню с вкладками я использую плагин tabify для Jquery. Проблема в том, что я не могу заставить его работать. Кажется, что Jquery не загружается. Я поместил код (ниже) на веб-сайте, где я хотел бы иметь меню. Это не сработало. Затем я помещаю его на главную страницу drupal и в каждый файл шаблона. Тоже не работает. В чем причина этого? Любой совет приветствуется. Вот мой код: 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://jquery-tabify.googlecode.com/files/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;}

И ссылка: http://www.medicetics.com/Laser_hair_removal_72.html

1 Ответ

1 голос
/ 02 февраля 2011

Вы дважды загружаете jQuery на эту страницу.

Однажды здесь: 

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

И однажды здесь: 

<script src="http://www.medicetics.com/themes/glowmedical/js/jquery.min.js"></script>

Так как плагин tabify загружается между ними, второй jQuery переопределяет его, поэтому вы получите ошибку, что tabify не определено.

...