Всем привет.
Не пойму как использовать метод closest, обьясните пожалуйста.
Ситуация следующая ,на странице есть 2 галереи,одна галерея с нумерным слайдером внизу.
<div class="sm-slider review-slider">
<ul class="no_mark">
<?$photoRev = '$img');?>
<li>
<a style="display:block;height:152px;text-decoration:none;" class="fancybox" rel="group" href="<?=$photoRev?>">
<p><?=$text?></p>
<div class="review-logo">
<img height="45" src="$img" />
</div>
</a>
</li>
<?endforeach;?>
</ul>
</div>
/*------номера элементов(слайдер)*/
<div class="navi-icons">
<a num="0" href="1" class="NaviIco active"></a>
<a num="1" href="2" class="NaviIco "></a>
<a num="2" href="3" class="NaviIco "></a>
<a num="3" href="4" class="NaviIco "></a>
</div>
Задача заключалась в том что необходимо было повесить на всплывающее окно fancybox картинки событие переключения номеров элементов . вот его код
$('.fancybox-next').live("click",function(e){
i_href = parseInt($('.review-slider').find('.active').attr('num'));
i_href = i_href + 1;
$('.review-slider').closest('.sm-slider').find('a.NaviIco').eq(i_href).trigger('click');
if(!$.isNumeric($('.review-slider').find('a.NaviIco').eq(i_href).attr('href'))){ //если undefined
$('.review-slider').find('a.NaviIco').eq(0).trigger('click');//то перед на первый
}
});
т.е. по кнопке вперед в модальном окне fancybox номерной слайдер переключается на 1 цифру вперед.
Но если кликнуть на второй галереи то этот номерной слайдер ТОЖЕ переключается
а нужно только из первой сделать.
Код с моим closest не работает (((( HELP
