Простая jQ-галерея: найдите ошибку

Discussion in 'Программирование' started by AKopytenko, Jun 9, 2012.

  1. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    Написал простенький скрипт для галереи в карточке товара:
    Код (CODE):
    1. $(document).ready(function() {
    2.  
    3.     var i = $('.model').attr('id');
    4.    
    5.     $('#'+i+' .small a').click(function(eventObject){
    6.         $('#'+i+' .big img').hide().attr('src', $(this).attr('href'));
    7.         $('#'+i+' .big img').load(function(){
    8.             $(this).fadeIn(500);
    9.         });
    10.         eventObject.preventDefault();
    11.     });
    12.  
    13. });

    $('div[class=model]').attr('id') - получаем значение ID элемента-контейнера (блок class=module) карточки товара. На странице каждая карточка товара имеет свой ID - заполняется из поля ID в базе.

    Всё работает, но только на первом выводе. В остальных карточках товаров галерея не работает (картинки просто открываются в новом окне...).

    ПОДСКАЖИТЕ, ГДЕ ОШИБКА? :gam3:

    Код (html):
    1. <div class="model" id="<?php echo $modelRow['id'] ?>">
    2.     <div class="model-image">
    3.         <div class="model-image-slider">
    4.             <div class="big">
    5.                 <img src="<?php echo $modelRow['image_1'] ?>" />
    6.             </div>
    7.             <div class="small">
    8.                 <a href="<?php echo $modelRow['image_1'] ?>"><img src="<?php echo $modelRow['image_small_1'] ?>" /></a>
    9.                 <a href="<?php echo $modelRow['image_2'] ?>"><img src="<?php echo $modelRow['image_small_2'] ?>" /></a>
    10.                 <a href="<?php echo $modelRow['image_3'] ?>"><img src="<?php echo $modelRow['image_small_3'] ?>" /></a>
    11.             </div>
    12.         </div>
    13.     </div>
    14. </div>
     
    Last edited: Jun 9, 2012
  2.  
  3. OlegM
    Offline

    OlegM Russian Joomla! Team Staff Member

    Joined:
    Apr 12, 2007
    Messages:
    4,310
    Likes Received:
    375
    Gender:
    Male
    Код (CODE):
    1. $(document).ready(function() {
    2.     $('.model').each(function(){
    3.         var i = $(this).attr('id');    
    4.         $('#'+i+' .small a').click(function(eventObject){
    5.             $('#'+i+' .big img').hide().attr('src', $(this).attr('href'));
    6.             $('#'+i+' .big img').load(function(){
    7.                 $(this).fadeIn(500);
    8.             });
    9.             eventObject.preventDefault();
    10.         });
    11.     });
    12. });
     
    AKopytenko likes this.

Share This Page

Loading...