Joomla 1.5 Не работает JQuery Blend

Тема в разделе "Создание шаблона", создана пользователем Reaper, 04.05.2011.

  1. Offline

    Reaper Недавно здесь

    Регистрация:
    04.05.2011
    Сообщения:
    1
    Симпатии:
    0
    Пол:
    Мужской
    Просьба сильно не ругаться, я новичок, заниматься этим начал буквально месяц назад.
    Такая проблема - не хочет работать скрипт плавной подсветки пунктов меню JQuery Blend (http://colorpowered.com/blend/)
    Причем не хочет он работать именно в шаблоне Joomla, при создании обычного HTML-файла всё работает без проблем.
    Пути вроде правильные, проверял неоднократно, в шаблоне указываю адрес через <?php echo.
    Вообще, скрипт не то чтобы совсем не работает, просто он работает не так, как нужно, вместо подсветки пунктов в момент наведения они просто все горят постоянно. Если скрипт удаляешь, всё нормально подсвечивается на чистом CSS, но не плавно. Из чего следует, что скрипт все-таки грузится. Повторюсь - то же самое в обычном HTML файле работает как надо.

    mootools отключил, не помогло.

    вот содержимое локального HTML-файла, рабочее, я немного изменил оригинальный образец и фоновое изображение т.к. мне нужно чтобы все пункты подсвечивались одинаково. В моём случае фоновое изображение это просто маленький прямоугольник размером 110х48, представляющий собой подсветку одной кнопки, одинаковый для всех пунктов. Я не использую background-position :
    Код (html):
    1. style type="text/css">
    2.  
    3.  
    4. #nav{
    5.    
    6.     list-style:none;
    7.     margin:0;
    8.     padding:0;
    9.    
    10.     font-family: Verdana, Arial, Helvetica, sans-serif;
    11.     font-size: 16px;
    12.     font-weight: bold;
    13.     clear:left;
    14.     }
    15.  
    16. #nav a{
    17.  
    18. color:white;
    19. display:block;
    20. padding:15px 12px;
    21. text-decoration:none;
    22. text-align:center;
    23.  
    24. }
    25.  
    26.  
    27. #item{
    28.             background-color:#000;
    29.             width:87px;
    30.             height:17px;
    31. }
    32. #item:hover,#item.hover{
    33.             background-image:url(bg.png);
    34. }
    35.            
    36. </style>
    37. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    38.         <script type="text/javascript" src="jquery.blend-min.js"></script>
    39.        
    40.  
    41.         <script type="text/javascript">
    42.             $(document).ready(function(){
    43.                 $("#nav a").blend();
    44.             });
    45.         </script>
    46.  
    47. </head>
    48. <body>
    49.  
    50.    
    51.     <ul id="nav">
    52.         <li><a href="#" id="item">Главная</a></li>
    53.         <li><a href="#" id="item">Группа</a></li>
    54.         <li><a href="#" id="item">Фото</a></li>
    55.         <li><a href="#" id="item">Медиа</a></li>
    56.         <li><a href="#" id="item">Концерты</a></li>
    57.         <li><a href="#" id="item">Контакты</a></li>
    58.     </ul>
    59.  
    60.  
    61. </body>

    Вот то, что вставляю в шаблон:
    Код (html):
    1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    2.         <script language="JavaScript" type="text/javascript" src="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/js/jquery.blend-min.js"></script>
    3.  
    4.  <script type="text/javascript">
    5.             $(document).ready(function(){
    6.                 $("#nav a").blend();
    7.             });
    8.         </script>

    CSS код идентичен тому же что и в локальном HTML, за исключением пути к background-image, используется путь url(../images/bg.png).
    HTML код тоже без измненений, прописывается в модуле "произвольный HTML код" (после тщетных попыток реализации сего эффекта в стандартном mod_mainmenu, решил от него отказаться). Пробовал прописывать и прямо в теле шаблона - результат один и тот же.
    С отключенным скриптом всё подсвечивается как надо, с включенным же все пункты светятся постоянно. Не могу понять чего ему не хватает.
     
  2.  

Поделиться этой страницей

Загрузка...