jquery - 绝对 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

更新问题的更新：您发布的代码有效，虽然淡入淡出工作有点小故障，您可以在此处进行测试。你的问题之外的东西（也许父母被隐藏了？）在这里干扰。

---

上一个答案：您的 ID 不匹配，您#category1的选择器有，但您的元素有id="container1"，所以您的 jQuery 选择器没有找到任何元素。只需更改任一侧，以便它们匹配。

Answer 2

html代码的javascritpt代码是什么？在 html 中，你有 containerX id，你的 javascript 有 categoryX id。