Новости Joomla

Обновление статьи: Использование WebAssetsManager Joomla 4 и добавление собственных пресетов с...

Обновление статьи: Использование WebAssetsManager Joomla 4 и добавление собственных пресетов с помощью плагина

Gavick Joomla Framework

Новый бесплатный шаблон для Joomla 4+ от студии GavikPro.

Модуль Cache Cleaner от Regular Labs v.9.0.0

Маленький, но очень удобный модуль для админки Joomla позволяет сбрасывать кэш из любого места. Модуль имеет бесплатную и платную версию.

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

alex_next

  • Захожу иногда
  • 137
  • 2 / 0
Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« : 10.01.2014, 00:02:09 »
Форумчане, сверстал тут для одного проекта шаблон, посадил на jooml'у 3.2 все работает отлично, за исключением одного НО. Если кто знаком с библиотекой стилей анимации CSS animations.css, то проблема именно в ее подключении. По подробнее, для того что бы прикрутить к желаемому элементу сайта анимацию нужно поместить данную CSS библиотеку в шаблон, естественно подключить ее, далее, что бы анимация срабатывала при скроле страницы(в момент появления анимируемого блока в поле зрения), подключается jquery 1.10.1 и перед body выводится простенькая функция
Код
<script>
   $(window).scroll(function() {
		$('#animatedElement').each(function(){
		var imagePos = $(this).offset().top;

		var topOfWindow = $(window).scrollTop();
			if (imagePos < topOfWindow+400) {
				$(this).addClass("slideUp");
			}
		});
	});
</script>
(думаю функция всем понятна), ну так вот, сама анимация работает, но не работает функция js , не понятно почему, у Joomla какие то проблемы с js или что? понять не могу. По возможности, кто знает в чем может крыться беда, подскажите решение?
Записан
*

Pazys

  • Завсегдатай
  • 1738
  • 241 / 4
  • <a>А где я ошибся-то?</b>
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #1 : 10.01.2014, 00:04:56 »
DOCTYPE ?
Записан
Ишак меня нюхал ...
Если помог - плюсуйте в карму.
*

JLang

  • Захожу иногда
  • 103
  • 19 / 0
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #2 : 10.01.2014, 00:17:10 »
Кстати да, что-то начиная с версии 3.2 в Joomla пакостит загрузку скриптов. Есть похожая проблема. Смотрел - пишет, "скрипт не загружен, хотя и присутствует" Что-то вроде этого. Или не все скрипты загружены - ошибка. А до 3.2 всё работало отлично и тоже jquery. Грешу на новый js тултип подсказки, но не факт
Записан
*

zomby6888

  • Завсегдатай
  • 1473
  • 171 / 3
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #3 : 10.01.2014, 01:27:24 »
А если в консоль заглянуть? Наверняка какие нибудь ошибки вылазят..
Записан
интернет-блог: http://websiteprog.ru
*

alex_next

  • Захожу иногда
  • 137
  • 2 / 0
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #4 : 10.01.2014, 11:35:34 »
Консоль никаких ошибок связанных именно с jquery не выдает, по доктайпу, конкретнее вопрос если можно. Вроде и ноу конфликт плагины ставил но все в пустую...если кто сталкивался поддержите темку, а то уже голову поломал решая что да как
Записан
*

Pazys

  • Завсегдатай
  • 1738
  • 241 / 4
  • <a>А где я ошибся-то?</b>
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #5 : 10.01.2014, 13:28:48 »
Ну просто надо попробовать сменить доктайп. Какой сейчас стоит?
Записан
Ишак меня нюхал ...
Если помог - плюсуйте в карму.
*

alex_next

  • Захожу иногда
  • 137
  • 2 / 0
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #6 : 10.01.2014, 17:18:57 »
HTML 5 доктайп стоит...ну то есть
Код
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/alex-its/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/alex-its/css/blocks.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/alex-its/css/animations.css" type="text/css" />
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<jdoc:include type="head" />
</head>
<script>
    $(window).scroll(function() {
        $('.work').each(function(){
        var imagePos = $(this).offset().top;
 
        var topOfWindow = $(window).scrollTop();
            if (imagePos > topOfWindow+200) {
                $(this).addClass("fadeIn");
            }
        });
    });
</script>
так что подсказывайте что дальше то...или что не так...это можно сказать первый серьезный опыт в построении шаблонов на Joomla...раньше тоже делал но совсем простенькие
Записан
*

Pazys

  • Завсегдатай
  • 1738
  • 241 / 4
  • <a>А где я ошибся-то?</b>
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #7 : 10.01.2014, 17:25:58 »
Доктайп сделайте заглавными буквами <!DOCTYPE html>
Записан
Ишак меня нюхал ...
Если помог - плюсуйте в карму.
*

alex_next

  • Захожу иногда
  • 137
  • 2 / 0
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #8 : 10.01.2014, 18:41:57 »
Цитата: Pazys от 10.01.2014, 17:25:58
Доктайп сделайте заглавными буквами <!DOCTYPE html>
Попробовал ваш метод, но он абсолютно ничего не изменил...
Записан
*

fsv

  • Живу я здесь
  • 2742
  • 400 / 2
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #9 : 10.01.2014, 20:49:47 »
alex_next , ссылка на сайт?
Цитировать
Консоль никаких ошибок связанных именно с jquery не выдает
Сомневаюсь. Вы свой скрипт вставили после <jdoc:include type="head" /> , в котором мутулз подключен +хз что еще. А в скрипте используете "$" без .noConflict().
Оберните ваш код:
Код
<script type="text/javascript">
jQuery(function($) {
   //ваш код
});
</script>
Записан
Веб-разработка: заказ. Только новая объемная разработка. Качественно, дорого.
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #10 : 10.01.2014, 20:57:30 »
Код: javascript
      jQuery(document).ready(function (f) {
        f(window).scroll(function () {
          f('.work').each(function () {
            var imagePos = f(this).offset().top,
              topOfWindow = f(window).scrollTop();
            if (imagePos > topOfWindow + 200) {
              f(this).addClass("fadeIn");
            }
          });
        });
      });
Почему - f?
First letter of my name  :laugh:
Записан
*

fsv

  • Живу я здесь
  • 2742
  • 400 / 2
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #11 : 10.01.2014, 21:08:30 »
jQuery(document).ready(function (f) {...}); == jQuery(function($) {...});
Только писАть меньше; .ready() в коде учтено.
Почему - $? => First letter of my name
Записан
Веб-разработка: заказ. Только новая объемная разработка. Качественно, дорого.
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Проблема с jquery функцией в самописном шаблон&
« Ответ #12 : 10.01.2014, 21:33:53 »
fsv, Шучу <!doctype html> (кстати пофиг какими буквами)
<script type="text/javascript">
В HTML5 атрибут type можно опустить, он является необязательным и принимает значение text/javascript, если не указан явно. В предыдущих версиях HTML атрибут type необходим
еще немножко и код урежем до 0 байт  :laugh:
Записан
*

alex_next

  • Захожу иногда
  • 137
  • 2 / 0
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #13 : 10.01.2014, 23:19:21 »
Цитата: fsv от 10.01.2014, 20:49:47
alex_next , ссылка на сайт?Сомневаюсь. Вы свой скрипт вставили после <jdoc:include type="head" /> , в котором мутулз подключен +хз что еще. А в скрипте используете "$" без .noConflict().
Оберните ваш код:
Код
<script type="text/javascript">
jQuery(function($) {
   //ваш код
});
</script>
Не помогло, обернул но все так же...как решать конфликты скриптов в Joomla 3.2 подскажите...может какой плагин есть или еще чего
Записан
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #14 : 10.01.2014, 23:26:37 »
Цитата: alex_next от 10.01.2014, 23:19:21
так же...как решать конфликты скриптов
Внимательно читать и смотреть в консоль обозревателя. Все ваши ошибки там
Записан
*

alex_next

  • Захожу иногда
  • 137
  • 2 / 0
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #15 : 10.01.2014, 23:43:01 »
Цитата: Fedor Vlasenko от 10.01.2014, 23:26:37
Внимательно читать и смотреть в консоль обозревателя. Все ваши ошибки там
Порылся еще немного и вот что пишет консоль
event.returnValue is deprecated. Please use the standard event.preventDefault() instead.....что подскажите в этом случае?
Записан
*

capricorn

  • Завсегдатай
  • 1949
  • 118 / 3
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #16 : 11.01.2014, 00:44:30 »
Может так обернуть?
Код
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function() {
   $j(window).scroll(function() {
		$j('#animatedElement').each(function(){
		var imagePos = $(this).offset().top;

		var topOfWindow = $(window).scrollTop();
			if (imagePos < topOfWindow+400) {
				$j(this).addClass("slideUp");
			}
		});
	});
	});
</script>
Записан
*

Pazys

  • Завсегдатай
  • 1738
  • 241 / 4
  • <a>А где я ошибся-то?</b>
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #17 : 11.01.2014, 09:31:30 »
Цитата: Fedor Vlasenko от 10.01.2014, 21:33:53
<!doctype html> (кстати пофиг какими буквами)
Пофиг, пока не встречаются XML-нотации (XHTML5). Там обязательно в верхнем регистре.
Записан
Ишак меня нюхал ...
Если помог - плюсуйте в карму.
*

alex_next

  • Захожу иногда
  • 137
  • 2 / 0
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #18 : 11.01.2014, 11:09:15 »
Цитата: capricorn от 11.01.2014, 00:44:30
Может так обернуть?
Код
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function() {
   $j(window).scroll(function() {
		$j('#animatedElement').each(function(){
		var imagePos = $(this).offset().top;

		var topOfWindow = $(window).scrollTop();
			if (imagePos < topOfWindow+400) {
				$j(this).addClass("slideUp");
			}
		});
	});
	});
</script>
И такой вариант к сожалению не помог...может кто знает вариант реализации анимации при прокрутке без использования jquery, или с ним но другим методом?
Записан
*

Pazys

  • Завсегдатай
  • 1738
  • 241 / 4
  • <a>А где я ошибся-то?</b>
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #19 : 11.01.2014, 11:24:12 »
Вот у меня закладочка есть, сам не пробовал.
http://tympanus.net/codrops/2011/12/05/lateral-on-scroll-sliding-with-jquery/
Записан
Ишак меня нюхал ...
Если помог - плюсуйте в карму.
*

zomby6888

  • Завсегдатай
  • 1473
  • 171 / 3
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #20 : 11.01.2014, 12:43:27 »
А у вас вообще элемент с id 'animatedElement' наличествует? Посмотрите в исходном коде страницы..
« Последнее редактирование: 11.01.2014, 12:46:52 от zomby6888 »
Записан
интернет-блог: http://websiteprog.ru
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #21 : 11.01.2014, 15:57:48 »
Цитата: zomby6888 от 11.01.2014, 12:43:27
А у вас вообще элемент с id 'animatedElement' наличествует? Посмотрите в исходном коде страницы..
точно в точку попал. Причем это не ид должен  быть а класс по коду. Иначе зачем одно значение циклом, а и ид должны быть оригинаьные
Записан
*

alex_next

  • Захожу иногда
  • 137
  • 2 / 0
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #22 : 11.01.2014, 17:46:38 »
Цитата: Fedor Vlasenko от 11.01.2014, 15:57:48
точно в точку попал. Причем это не ид должен  быть а класс по коду. Иначе зачем одно значение циклом, а и ид должны быть оригинаьные
animatedElement - это пример, вместо него подставляете ID, класс - что удобнее, того элемента который хотите анимировать...так что вопрос ваш по поводу того наличествует или нет был не совсем уместен, я не настолько криворукий новичок что бы так опростоволоситься....)
Записан
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #23 : 11.01.2014, 17:54:42 »
Цитата: alex_next от 11.01.2014, 17:46:38
я не настолько криворукий новичок что бы так опростоволоситься....)
Выполняет функцию для каждого элемента набора, #animatedElement - ?
http://jquery-docs.ru/core/each/
Записан
*

alex_next

  • Захожу иногда
  • 137
  • 2 / 0
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #24 : 11.01.2014, 18:22:46 »
вот ссыль на руководство по тому примеру который я использую...http://www.justinaguilar.com/animations/index.html# - так вот если исходить из этого руководства то вместо #animatedElement вставляется класс или ID желаемого элемента
Записан
*

fsv

  • Живу я здесь
  • 2742
  • 400 / 2
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #25 : 11.01.2014, 20:39:58 »
Цитировать
"Эта музыка будет вечной"
  , пока не
Цитировать
alex_next , ссылка на сайт?
Вопросы по ошибкам в js без ссылки на сайт не имеют смысла.
Записан
Веб-разработка: заказ. Только новая объемная разработка. Качественно, дорого.
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Проблема с jquery функцией в самописном шаблон&
« Ответ #26 : 11.01.2014, 21:39:44 »
alex_next, вы думаете за бугром г-код не пишут. Пишут как и везде.
Вот ваш пример переделанный
http://jsfiddle.net/vlasenkofedor/6PWWu/
он также не идеален, но гораздо лучше
« Последнее редактирование: 11.01.2014, 23:03:41 от Fedor Vlasenko »
Записан
*

alex_next

  • Захожу иногда
  • 137
  • 2 / 0
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #27 : 12.01.2014, 00:34:51 »
Цитата: fsv от 11.01.2014, 20:39:58
  , пока не Вопросы по ошибкам в js без ссылки на сайт не имеют смысла.
сайт на локальном сервере...в процессе разработки
Записан
*

alex_next

  • Захожу иногда
  • 137
  • 2 / 0
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #28 : 12.01.2014, 00:44:39 »
Цитата: Fedor Vlasenko от 11.01.2014, 21:39:44
alex_next, вы думаете за бугром г-код не пишут. Пишут как и везде.
Вот ваш пример переделанный
http://jsfiddle.net/vlasenkofedor/6PWWu/
он также не идеален, но гораздо лучше
и тут ничего не работает
Записан
*

fsv

  • Живу я здесь
  • 2742
  • 400 / 2
Re: Проблема с jquery функцией в самописном шаблоне для Joomla 3.2
« Ответ #29 : 12.01.2014, 02:15:16 »
Цитата: alex_next от 12.01.2014, 00:34:51
сайт на локальном сервере...в процессе разработки
Да не, я ж не уговариваю вас. Как хотите. Кому надо, тот найдет способ показать. И бесплатные хостинги для демо никто не отменял.
Записан
Веб-разработка: заказ. Только новая объемная разработка. Качественно, дорого.
1 2  Все   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Проблема с отображением на устройствах apple

Автор o_fedor

 Ответов: 0
Просмотров: 977 		Последний ответ 02.04.2021, 21:31:50
от o_fedor
Проблема с offcanvas для меню

Автор dr.red

 Ответов: 5
Просмотров: 9629 		Последний ответ 31.01.2021, 21:51:08
от Rimo
Заготовка болванки - BlankTemplate для Joomla 3.x

Автор buyanov

 Ответов: 83
Просмотров: 33376 		Последний ответ 20.02.2019, 10:27:16
от jem777
Шаблон не видит переменные локализации кроме глобальных (Joomla 3.8)

Автор s.elena133

 Ответов: 10
Просмотров: 2595 		Последний ответ 09.12.2017, 18:27:18
от Ilhom666
Навигационный бар (Navbar) Bootstrap, Joomla 3.2

Автор wfedin

 Ответов: 31
Просмотров: 20010 		Последний ответ 06.01.2017, 21:07:31
от slon777