Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Не работает jQuery

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: Если не в том разделе вопрос задаю - подскажите куда
Wooorker
Отправлено: 23 Ноября, 2014 - 22:19:35
Post Id



Гость


Покинул форум
Сообщений всего: 99
Дата рег-ции: Нояб. 2011  


Помог: 0 раз(а)




Играюсь с шаблоном от IceTheme. Никак не могу заставить работать кнопки в "каруселе" на главной странице.
Вот ссылка на тестовый сайт
http://141[dot]8[dot]196[dot]250/babysize[dot]ru
Здесь сверху у слайдера есть стрелки влево и вправо - они работают. А слева на самом слайдере есть 3 кнопочки (по количеству отображаемых материалов). В образце (на http://demo.icetheme.com/) они работают. У меня никак не получается их заставить работать.
В консоле ошибка отображается
CODE (htmlphp):
скопировать код в буфер обмена
  1. (anonymous function)jquery.min.js:2 v.event.dispatchjquery.min.js:2 o.handle.u

но я не уверен, что в ней дело.
И, я для тестирования в скрипте добавил
CODE (javascript):
скопировать код в буфер обмена
  1. console.log('text')
перед qQuery.bind, но в консоле всё-равно ничего не пишется.
Подскажите куда копать, где искать решения проблемы.
 
 Top
Viper
Отправлено: 23 Ноября, 2014 - 22:53:13
Post Id



Активный участник


Покинул форум
Сообщений всего: 4555
Дата рег-ции: Февр. 2007  
Откуда: Симферополь


Помог: 98 раз(а)




jQuery как раз таки работает. Это шаблон УГ.
Смотрите на профильном форуме "лестные отзывы" Улыбка http://joomlaforum[dot]ru/index.php?topic=229243[dot]120

Конкретно ваш случай это проблема с JCaption.

(Отредактировано автором: 23 Ноября, 2014 - 22:53:45)



-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе
 
 Top
Wooorker
Отправлено: 24 Ноября, 2014 - 12:13:13
Post Id



Гость


Покинул форум
Сообщений всего: 99
Дата рег-ции: Нояб. 2011  


Помог: 0 раз(а)




Viper пишет:
jQuery как раз таки работает. Это шаблон УГ.

Ничего лучше для joomshopping не нашёл.
Viper пишет:
Смотрите на профильном форуме "лестные отзывы" Улыбка

Пока ничего особо критического, кроме вот этого плагина, не заметил.
Viper пишет:
Конкретно ваш случай это проблема с JCaption.

Я догадывался. Но после вашего сообщения стал копаться только в этом направлении. Решение нашёл в отключении caption.js. Слайдер заработал. Теперь обнаружилось, что код в javascript немного "корявый". Суть в том, что при переключении слайдов автоматом - всё в порядке. При переключении в обратном порядке в ручную (от 4 к 1) - тоже всё в порядке. А вот если вручную переключать по порядку, от 1 к 4 - два раза срабатывает код
CODE (javascript):
скопировать код в буфер обмена
  1. $(currentElement).slideUp(200).delay(600).fadeIn(600);
, что не очень красиво. Совсем даже некрасиво.
Т. к. в js совсем не копенгаген, сделал тупо. Во втором случае заменил задержку
на
CODE (javascript):
скопировать код в буфер обмена
  1. $(currentElement).slideUp(0).delay(0).fadeIn(0);
, выглядит теперь лучше, но анимация всё же отсутствует.

Как правильно исправить данный код, чтобы всё работало нормально?

CODE (javascript):
скопировать код в буфер обмена
  1. <script type="text/javascript">
  2.        
  3.   $(window).load(function() {
  4.                 var $carousel = $('#icecarousel<?php echo $module->id;?>');
  5.                 var index = 0;
  6.                 /**
  7.                 var currentElement = null;
  8.                 $('#icecarousel<?php echo $module->id;?>').find(".carousel-caption").each(function(idx){
  9.                         $(this).hide();
  10.                         if(idx == index){
  11.                                 currentElement = this;
  12.                         }
  13.                 });
  14.                 */
  15.                 function onSliding(){
  16.                         var elements = 4; // change to the number of elements in your nav
  17.                           var nav = $('.carousel-nav');
  18.                           var index = $('#icecarousel<?php echo $module->id;?>').find('.item.active').index();
  19.                           index = (index == elements - 1) ? 0 : index + 1;
  20.                           var currentElement = null;
  21.                           $('#icecarousel<?php echo $module->id;?>').find(".carousel-caption").each(function(idx){
  22.                                         if(idx == index){
  23.                                                 currentElement = this;
  24.                                         }
  25.                                 });
  26.                           var item = nav.find('a').get(index);
  27.                           nav.find('a.active').removeClass('active');
  28.                           $(item).addClass('active');
  29.                          
  30.                           if(currentElement){
  31.                                         console.log('1 Element value = '.currentElement);
  32.                                         $(currentElement).slideUp(200).delay(600).fadeIn(600);
  33.                                 }
  34.                 }
  35.                 $('#icecarousel<?php echo $module->id;?>').carousel(index);
  36.                 var nav = $('.carousel-nav');
  37.                 var item = nav.find('a').get(index);
  38.                 nav.find('a.active').removeClass('active');
  39.                 $(item).addClass('active');
  40.                 /**
  41.                 if(currentElement){
  42.                         $(currentElement).slideUp(200).delay(600).fadeIn(600);
  43.                 }
  44.        */
  45.                
  46.         $(".carousel-nav a").click(function(e){
  47.                         e.preventDefault();
  48.                         $("#icecarousel<?php echo $module->id;?>").unbind('slide');
  49.             var index = parseInt($(this).attr('data-to'));
  50.                        
  51.                        
  52.                         var currentElement = null;
  53.                         $('#icecarousel<?php echo $module->id;?>').find(".carousel-caption").each(function(idx){
  54.                                 $(this).hide();
  55.                                 if(idx == index){
  56.                                         currentElement = this;
  57.                                 }
  58.                         });
  59.            
  60.             $('#icecarousel<?php echo $module->id;?>').carousel(index);
  61.             var nav = $('.carousel-nav');
  62.             var item = nav.find('a').get(index);
  63.             nav.find('a.active').removeClass('active');
  64.             $(item).addClass('active');
  65.                        
  66.                         if(currentElement){
  67.                        
  68.                                 $(currentElement).slideUp(200).delay(600).fadeIn(600);
  69.                                
  70.                         }
  71.                         $("#icecarousel<?php echo $module->id;?>").bind('slide', function(e) {
  72.                                 onSliding();
  73.                         });
  74.         });
  75.  
  76.         $("#icecarousel<?php echo $module->id;?>").bind('slide', function(e) {
  77.                         onSliding();
  78.         });
  79.                
  80.   });
  81. </script>
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« Вопросы новичков »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB