Не работает двухстрочный скрипт jQuery

0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 246 Просмотров
*

kvizor

  • Захожу иногда
  • **
  • 14
  • 0
Здравствуйте!
появилась задача, в зависимости от прокрутки страницы, менять позиционирование блока div:
Код: javascript
		var h_hght = 150;	//Задаёт предельный отступ с верху			
$(function(){

var elem = $('#menu_outer'); //elem отражает класс в CSS, в котором есть правило position
var top = $(this).scrollTop(); // кладёт в переменную top текущее расстояние которое прошёл скролл
if(top > h_hght){ // если оно больше допустимого
elem.css('position', 'fixed'); // даёт блоку позицию fixed
}
$(window).scroll(function(){ // всё тоже самое при выполнении события scroll
top = $(this).scrollTop();
if (top < h_hght) {
elem.css('position', 'relative');
} else {
elem.css('position', 'fixed');
}
});

});
скрипт ясное дело не работает)
Все переменные правильные
что может быть не так?
p.s. подключал jquery <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
« Последнее редактирование: 17.07.2016, 20:30:24 от kvizor »

*

kik84

  • Живу я здесь
  • ******
  • 1267
  • 59
Советую тут http://javascript.ru/forum/ спросить т.к. это же сугубо JS  ^-^

*

zomby6888

  • Живу я здесь
  • ******
  • 1484
  • 167
Во первых в Joomla переменная $ - занята по умолчанию mootools библиотекой. Когда ее выпилят из системы неизвестно. Поэтому пишите так:
Код: javascript
jQuery(function($){
... //здесь $ будет объектом jquery
});

Во вторых зачем вы подключаете внешний скрипт если в Joomla есть также встроенное в ядро jquery:

Код: php
JHTML::_('jquery.framework')

В противном случае вы провоцируете конфликт встроенного jquery с внешним скриптом. К сожалению мало кто этим пользуется из-за чего на странице часто бывает подключено по несколько разных jquery, большинство скриптов использующие jquery на таких страницах не работают.
интернет-блог: http://websiteprog.ru