IE7 выпуск с функцией сайта jQuery - PullRequest
Новая
       19

IE7 выпуск с функцией сайта jQuery

0 голосов
/ 16 марта 2010

Я не совсем уверен, что ломается здесь на этой странице: http://grandoaks.org/floor.html но, похоже, он работает только в IE7 (IE8, FF3, Safari, Opera, Chrome, Camino все работали). Когда вы наводите указатель мыши на имена наборов, он должен показывать описание, удаляя «активный» класс и применяя его к соответствующему div с настройкой таблицы стилей display: none для неактивных div и display: block для actives Тот же метод применяется к изображениям, и это работает хорошо, хотя. Любая помощь по этому вопросу будет принята с благодарностью!

Ответы [ 2 ]

1 голос
/ 16 марта 2010

У вас один и тот же идентификатор, который используется в нескольких местах, я бы разрешил его следующим образом:

измените элемент <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");
});
0 голосов
/ 16 марта 2010

Глядя на это в IE 7, я вижу, что «активный» и «выбранный» классы не применяются к другим элементам div # unit #. Я посмотрю на сценарий, но там что-то выглядит не так.

...