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 Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Без описания
Поиск в теме | Версия для печати
Crate
Отправлено: 20 Июля, 2012 - 10:24:26
Post Id



Посетитель


Покинул форум
Сообщений всего: 312
Дата рег-ции: Янв. 2012  


Помог: 4 раз(а)
Не работает селектор, хотя должен.
CODE (html):
скопировать код в буфер обмена
  1. <section class="container content">
  2.         <section id="filter">
  3.         <a href="#" id="all" class="button icon grid active">All</a>
  4.                 <a href="#" id="lt" class="button">Logotypes</a>
  5.                 <a href="#" id="wp" class="button">Wallpapers</a>
  6.                 <a href="#" id="pr" class="button">Prints</a>
  7.     </section>
  8.         <div class="thumb pr">
  9.                 <a href="images/design-print_full.png" rel="shadowbox">
  10.                         <img src="images/design-print_thumb.png" />
  11.                 </a>
  12.         </div>
  13.         <div class="thumb lt">
  14.                 <a href="images/4fame-style_full.png" rel="shadowbox">
  15.                         <img src="images/4fame-style_thumb.png" />
  16.                 </a>
  17.         </div>
  18.         <div class="thumb wp">
  19.         <a href="images/love-wallpaper_full.png" rel="shadowbox">
  20.                         <img src="images/love-wallpaper_thumb.png" />
  21.         </a>
  22.         </div>
  23.         <div class="thumb lt">
  24.                 <a href="images/diamond-logo_full.png" rel="shadowbox">
  25.                 <img src="images/diamond-logo_thumb.png" />
  26.                 </a>
  27.         </div>
  28.         <div class="thumb wp">
  29.         <a href="images/love-wallpaper_full.png" rel="shadowbox">
  30.                         <img src="images/love-wallpaper_thumb.png" />
  31.         </a>
  32.         </div>
  33.     <div class="thumb lt">
  34.                 <a href="images/4fame-style_thumb.png" rel="shadowbox">
  35.                 <img src="images/4fame-style_thumb.png" />
  36.                 </a>
  37.         </div>
  38.     <div class="thumb lt">
  39.                 <a href="images/diamond-logo_full.png" rel="shadowbox">
  40.                 <img src="images/diamond-logo_thumb.png" />
  41.                 </a>
  42.         </div>
  43.         <div class="thumb wp">
  44.                 <a href="images/end-wallpaper_full.png" rel="shadowbox">
  45.                         <img src="images/end-wallpaper_thumb.png" />
  46.                 </a>
  47.         </div>
  48.         <div class="thumb pr">
  49.                 <a href="images/design-print_full.png" rel="shadowbox">
  50.                         <img src="images/design-print_thumb.png" />
  51.                 </a>
  52.         </div>
  53.     <div class="thumb lt">
  54.                 <a href="images/diamond-logo_full.png" rel="shadowbox">
  55.                 <img src="images/diamond-logo_thumb.png" />
  56.                 </a>
  57.         </div>
  58.         <div class="thumb lt">
  59.                 <a href="images/diamond-logo_full.png" rel="shadowbox">
  60.                 <img src="images/diamond-logo_thumb.png" />
  61.                 </a>
  62.         </div>
  63.         <div class="thumb wp">
  64.         <a href="images/love-wallpaper_full.png" rel="shadowbox">
  65.                         <img src="images/love-wallpaper_thumb.png" />
  66.         </a>
  67.         </div>
  68.         <div class="thumb lt">
  69.                 <a href="images/diamond-logo_full.png" rel="shadowbox">
  70.                 <img src="images/diamond-logo_thumb.png" />
  71.                 </a>
  72.         </div>
  73.         <div class="thumb wp">
  74.         <a href="images/love-wallpaper_full.png" rel="shadowbox">
  75.                         <img src="images/love-wallpaper_thumb.png" />
  76.         </a>
  77.         </div>
  78.         <div class="thumb lt">
  79.                 <a href="images/4fame-style_full.png" rel="shadowbox">
  80.                 <img src="images/4fame-style_thumb.png" />
  81.                 </a>
  82.         </div>
  83. </section>


CODE (javascript):
скопировать код в буфер обмена
  1. $('#filter a').click(function() {
  2.         $('#filter .active').removeClass('active');
  3.         $(this).addClass('active');
  4.  
  5.         var filter = $(this).attr('id');
  6.  
  7.         if (filter == 'all') {
  8.             $('.hidden').animate({opacity: 1.0}, 500).removeClass('hidden');
  9.         }
  10.                 else {
  11.             $('.thumb').each(function() {
  12.                 if ( ! $(this).hasClass(filter)) {
  13.                     $(this).animate({opacity: 0.1}, 500).addClass('hidden');
  14.                 }
  15.                                 else {
  16.                     $(this).animate({opacity: 1.0}, 500).removeClass('hidden');
  17.                 }
  18.             });
  19.         }
  20.  
  21.         return false;
  22.     });


Скрипт фильтрует картинки, но не ловит нажатие на кнопки в фильтре (#filter a). Ни в одном браузере.
 
 Top
IllusionMH
Отправлено: 20 Июля, 2012 - 12:21:55
Post Id



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


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
Crate, а в консоли ошибок ничего не видно?
Надеюсь, код размещен в конце документа или обернут в
CODE (javascript):
скопировать код в буфер обмена
  1. $(document).ready(function(){
  2.   //code
  3. });
 
 Top
DelphinPRO
Отправлено: 20 Июля, 2012 - 12:41:25
Post Id



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


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
ваш код работоспособен. При условии, что сделано так, как сказал IllusionMH


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Crate
Отправлено: 20 Июля, 2012 - 12:54:15
Post Id



Посетитель


Покинул форум
Сообщений всего: 312
Дата рег-ции: Янв. 2012  


Помог: 4 раз(а)
IllusionMH пишет:
в консоли ошибок ничего не видно?
Вроде нет.
IllusionMH пишет:
размещен в конце документа
Нет, он подключен в шапке и конечно же обернут в
CODE (javascript):
скопировать код в буфер обмена
  1. $(document).ready(function(){
  2.  
  3.   //code
  4.  
  5. });

И не срабатывает нажатие на кнопки фильтра, проверял алертом.
 
 Top
tuareg
Отправлено: 20 Июля, 2012 - 13:17:40
Post Id


Участник


Покинул форум
Сообщений всего: 1234
Дата рег-ции: Июнь 2010  


Помог: 69 раз(а)
Может картинки ajax подгружаются?
 
 Top
IllusionMH
Отправлено: 20 Июля, 2012 - 13:42:59
Post Id



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


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
Crate, а можно ссылку на страницу?
Скопировал ваш код в jsFiddle - отлично работает.
 
 Top
Crate
Отправлено: 20 Июля, 2012 - 14:05:43
Post Id



Посетитель


Покинул форум
Сообщений всего: 312
Дата рег-ции: Янв. 2012  


Помог: 4 раз(а)
Вот мой фиддл (без css): http://jsfiddle[dot]net/Crate/7CYZ6/1/
 
 Top
tuareg
Отправлено: 20 Июля, 2012 - 14:08:06
Post Id


Участник


Покинул форум
Сообщений всего: 1234
Дата рег-ции: Июнь 2010  


Помог: 69 раз(а)
Ну и там все работает? Не понял
 
 Top
Crate
Отправлено: 20 Июля, 2012 - 14:17:33
Post Id



Посетитель


Покинул форум
Сообщений всего: 312
Дата рег-ции: Янв. 2012  


Помог: 4 раз(а)
tuareg нет (Недовольство, огорчение
 
 Top
tuareg
Отправлено: 20 Июля, 2012 - 14:19:44
Post Id


Участник


Покинул форум
Сообщений всего: 1234
Дата рег-ции: Июнь 2010  


Помог: 69 раз(а)
ну как нет.
Цитата:

Morbi cursus iaculis euismod. Ut scelerisque ultrices arcu ut.
All Logotypes Wallpapers Prints

Я нажимаю ниже картинки исчезают
 
 Top
Crate
Отправлено: 20 Июля, 2012 - 14:20:36
Post Id



Посетитель


Покинул форум
Сообщений всего: 312
Дата рег-ции: Янв. 2012  


Помог: 4 раз(а)
Нет, работает Улыбка Но почему не работает у меня?
 
 Top
tuareg
Отправлено: 20 Июля, 2012 - 14:21:20
Post Id


Участник


Покинул форум
Сообщений всего: 1234
Дата рег-ции: Июнь 2010  


Помог: 69 раз(а)
Вот можете сами посмотреть
http://jsfiddle[dot]net/tuareg/7CYZ6/2/
 
 Top
Crate
Отправлено: 20 Июля, 2012 - 14:31:08
Post Id



Посетитель


Покинул форум
Сообщений всего: 312
Дата рег-ции: Янв. 2012  


Помог: 4 раз(а)
tuareg нет, я имел ввиду что на локалхосте не работает. Кэш чистил.
 
 Top
IllusionMH
Отправлено: 20 Июля, 2012 - 14:34:24
Post Id



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


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
Crate, проверяйте как jQ подключается. Может вы его несколько раз подключаете, отсюда могут вылазить проблемы
 
 Top
Crate
Отправлено: 20 Июля, 2012 - 14:39:28
Post Id



Посетитель


Покинул форум
Сообщений всего: 312
Дата рег-ции: Янв. 2012  


Помог: 4 раз(а)
IllusionMH да нет, один раз в head, в самом начале скриптов.
 
 Top
Поиск в теме | Версия для печати
Страниц (2): [1] 2 »
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


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



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

 
Powered by ExBB FM 1.0 RC1. InvisionExBB