jQuery addClass() 在 IE6 中不工作

Question

如果你看this screenshot ，我试图在您单击链接时在链接下显示红色图像。如果您单击链接 2，它将显示在链接 2 下。

它在除 IE 6 以外的所有主要浏览器中都可以工作。当我在 IE 6 中单击一个链接时，它会加载 ul 的 on 类，但图像不显示。

谁能看出我的代码有问题？

预先感谢您的帮助!

这是 HTML:

<ul id="slider-links">
 <li class="on"><a href="#">Link 1</a><img src="img/slider-handle.png" width="316" height="42"></li>
 <li><a href="#">Link 2</a><img src="img/slider-handle.png" width="316" height="42"></li>
 <li><a href="#">Link 3</a><img src="img/slider-handle.png" width="316" height="42"></li>
</ul>

这是 jQuery:

$("#slider-links a").click(function(){
 $(this).parent().siblings(".on").removeClass("on");
 $(this).parent().addClass("on");
});

这是 CSS:

#slider-links li {
 position: relative;
 z-index: 8000;
 background: #bed2d9;
 border-bottom: 1px solid #69868f;
}
#slider-links li.on a {color: #dbdbdb;}
#slider-links li a {
 padding: 10px 15px;
 display: block;
 color: #234a5b;
 font-size: 16px;
 font-weight: bold;
 text-decoration: none;
 position: relative;
 z-index: 10000;
}
#slider-links li.on img {display: block;}
#slider-links img {
 position: absolute;
 top: -1px;
 left: 0;
 z-index: 9000;
 display: none;
}

Answer 1

问题出在 IE6，而不是您的代码。我将通过在 IE6 中提醒谁是父级和谁是兄弟级来开始调试。