Question

我不完全确定此页面上有什么问题：http://grandoaks.org/floor.html 但它似乎只能在IE7中被打破（IE8，FF3，Safari，Opera，Chrome，Camino都有效）。当鼠标悬停套件的名称时，它应该通过删除“活动”类并将其应用于相应的div来显示描述，样式表设置显示：none到非活动divs和display：block to actives。相同的方法正在应用于图像，虽然工作正常。对此问题的任何帮助将不胜感激！

Answer 1

您在多个地方使用相同的ID，我将通过执行以下操作解决此问题：

将<li>元素更改为使用rel=""，如下所示：

<ul id="apt-list"> 
  <li rel="unit1" class="selected active"><span>Osprey</span></li> 
...then in #sidebar...
<a ...><img rel="unit1" ... /></a>

更改你的jquery使用：

$("#apt-list li").click(function(){
  $(".selected").removeClass("selected");
  $(this).addClass("selected");
  var id = $(this).attr("rel");
  $("#sidebar img[rel="+ id +"], #"+id).addClass("selected");
});

$("#apt-list li").hover(function(){
  $(".active").removeClass("active");
  $(this).addClass("active");
  var id = $(this).attr("rel");
  $("#sidebar img[rel="+ id +"], #" + id).addClass("active");   
},function(){
  $(".active").removeClass("active");
  $(".selected").addClass("active");
});

Answer 2

在IE 7中看到这一点我可以看到“active”和“selected”类没有应用于其他div＃unit＃elements。我会看一下脚本，但那里看起来有些不对劲。

IE7问题w / jQuery网站功能

2 个答案: