絕對的div不會淡出

Question

我有一個問題要問你

這是XHTML

<div id="main"> 
    <div id="category1"> 
     <div id="product1"></div> 
     <div id="product2"></div> 
     <div id="product3"></div> 
    </div> 

    <div id="category2"> 
     <div id="product4"></div> 
     <div id="product5"></div> 
     <div id="product6"></div> 
    </div> 

</div> 

的理念是：

• ＃默認container1是網站上顯示
• 通過點擊菜單上的 「container2的」 ＃container2的淡入和＃container1淡出
• 我有第二級菜單來選擇產品..這是唯一的工作正常。

是了ProductX絕對定位其相關containerX內定位

腳本看起來好像沒什麼問題，但產品的div沒有淡出了！

這是腳本

function controlCategory(a) { 
    $("#category1").fadeOut(); 
         $("#category2").fadeOut(); 
    $(a).fadeIn(); 
} 



    $(function() { 

    $("#anchor1").click(function(event) { 
    event.preventDefault(); 
    controlCSS(this); 
    controlCategory("#category1"); 
    }); 

      $("#anchor2").click(function(event) { 
    event.preventDefault(); 
    controlCSS(this); 
    controlCategory("#category2"); 
    }); 

}); 

有誰知道爲什麼類別的div不會淡出????

在此先感謝！

Answer 1

是對HTML代碼中的javascritpt代碼？在HTML中你有containerX ids，你的javascript有categoryX ids。

Answer 2

更新後的問題：您發佈的代碼有效，儘管淡入淡出效果有點不好，you can test it here。 你的問題（也許父母是隱藏的？）在這裏干擾。

---

以前的答案：您的ID不匹配，你有#category1你的選擇，但你的元素有id="container1"，所以你的jQuery選擇只是目前還沒有找到任何元素。只要改變任何一方，讓它們匹配。