У меня есть следующая разметка:
<div class="tutor-photo-slider">
<ul>
<li><a class="left-arrow" href="javascript:;"></a></li>
<li>
<ul id="carousel">
<li>
<a href="/assets/images/tutor-sample.png" class="slider-image">
<img src="/assets/images/tutor-sample-thumb.png" /></a>
</li>
</ul>
</li>
<li>
<a class="right-arrow" href="javascript:;"></a>
</li>
</ul>
</div>
когда я делаю
$('.left-arrow').click(function() {
var elem = $(this).parents('ul').children('li').children('ul'),
children = elem.children('li');
for (var i = 0; i < children.length; i++) {
if ($(children[i]).css('display') != 'none') {
break;
}
}
$(children[i - 1]).show();
});
он не обращается к нему. Я пытался отладить его в firebug, но не смог выяснить ошибку.
Я в том числе JQuery 1.6.4. И у меня нет ошибок.
редактировать: я пытаюсь сделать фотогалерею карусели http://jsfiddle.net/5xHFT/1/