绝对 div 不会淡出答案

【问题标题】：Absolute divs doesn't fade out绝对 div 不会淡出
【发布时间】：2010-10-14 06:31:21
【问题描述】：

我有一个问题要问你

这是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 不会淡出吗？？？？

提前致谢！

【问题讨论】：

标签： jquery html fadeout absolute

【解决方案1】：

更新问题：您发布的代码有效，虽然淡入淡出工作有点小故障，you can test it here。外部你的问题（也许父母被隐藏了？）在这里干扰。

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

【讨论】：

这与我在您之前几秒钟发布的内容相同。这些事情得到回答的速度有多快是不是很神奇？ :)
@Plaudit - 是的，格式化需要几秒钟的时间才能发布；）
检查您在小提琴上发布的代码，我将淡入淡出更新为幻灯片并添加了 css。检查类别如何上下滑动，但文本只是弹出。 jsfiddle.net/andyvasile/3jKvQ/6

【解决方案2】：

javascritpt 代码是 html 代码吗？在 html 中，您有 containerX id，而您的 javascript 中有 categoryX id。

【讨论】：