IE7問題w/jQuery網站功能

我不完全確定這個網頁上有什麼突破：http://grandoaks.org/floor.html 但它似乎只在IE7（IE8，FF3，Safari，Opera，Chrome，Camino都有效）中被破解。當您將鼠標懸停在套件名稱上時，它應該顯示一個描述，方法是刪除一個「活動」類並將其應用於相應的div，樣式表設置爲display：none至inactive divs，display：block至actives。同樣的方法正在應用於圖像，並且工作正常。任何有關這個問題的幫助將不勝感激！IE7問題w/jQuery網站功能

來源

2010-03-15 Brad Herman

你有相同的ID在多個地方被使用，我想通過這樣做解決問題那：

$("#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"); 
});

來源

2010-03-15 21:25:45

這解決了這個問題！萬分感謝！在我徹底瞭解類和ID之間的差異之前，我寫了這個。我從來沒有真正使用過'rel'屬性，但它現在似乎完美工作。令人驚訝的是，IE7在技術上正確地呈現了它，而Firefox和其他瀏覽器並不介意多次使用相同的ID。 –

如果它解決了您的問題，您應該將其標記爲答案。 –

在IE 7中看到這個，我可以看到「活動」和「選定」類沒有被應用到其他div＃單元＃元素。我會看劇本，但在那裏看起來不對。

改變您的使用rel=""這樣<li>元素：

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

改變你的jQuery使用

來源

2010-03-15 21:25:02

是的，我注意到這個問題，並修復了......我在寫了這個網站之前，我有jQuery的經驗......現在需要更多的關注。謝謝您的幫助！ –

IE7問題w/jQuery網站功能

回答

相關問題