0

あなたに質問があります

これは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 が Web サイトに表示されます
  • メニュー「container2」をクリックすると、#container2 がフェードインし、#container1 がフェードアウトします
  • 製品を選択するための第 2 レベルのメニューがあります。

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がフェードアウトしない理由を誰か知っていますか????

前もって感謝します！

4

2 に答える 2

2

更新された質問の更新:投稿したコードは機能しますが、フェードが機能するのは少しグリッチですが、ここでテストできます。あなたの質問の外にある何か(おそらく親が隠されていますか?) がここで干渉しています。

前の回答: ID が一致しません#category1。セレクターにはありますが、要素には がid="container1"あるため、jQuery セレクターは要素を見つけられません。どちらか一方を変更して、一致するようにします。

于 2010-10-13T22:21:44.000 に答える
0

HTMLコードのjavascritptコードですか？HTMLにはcontainerX IDがあり、JavaScriptにはcategoryX IDがあります。

于 2010-10-13T22:21:35.030 に答える