Question

我有以下标记：

<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/

Answer 1

您的代码段缺少

);

如同，而不是

$('.left-arrow').click(function() {}

做......

$('.left-arrow').click(function() {} );

这可能会导致错误。

Answer 2

单击功能缺少右括号。 here正在运行代码。

Answer 3

如Guffa的评论中提到的，你可能不会在ready内执行此操作。这是向您展示的小提琴：http://jsfiddle.net/AVGTL/

看着另一个小提琴后，它真的只是缺少的)

Answer 4

尝试

 jQuery('.left-arrow').click(function() {} );

有些时候使用一些插件会产生一些冲突，所以只是尝试使用jQuery而不是“$”

Answer 5

您提供的代码段似乎没问题：http://jsfiddle.net/8zgqF/1/。指定你的问题。

为什么我无法使用jquery访问元素

5 个答案: