1

これが私のコードです..フェードを適用したいのですが、以下のようにしましたが、フェードは適用されません

<script type="text/javascript">
    $(document).ready(function(){

       var i = 1;

       $('#accLink').click( function(){

          if(i<=3){
             $('#accCnt').append('<div>hello Testing</div>').fadeIn(100);
          }

          i = i+1

       });
    });
    </script>
    <body>
       <div class="accordion"> <a href="#" id="accLink" class="accHd">Home</a>
          <div id="accCnt"> Div Content 1<br>
             Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod 
             tincidunt ut laoreet dolore magna aliquam erat volutpat.
          </div>
       </div>
    </body>
4

2 に答える 2

3

現在のコードは、新しい div を追加してからフェードインしようとし#accCntます。もちろん、それは既に表示されているため、機能しません。新しい div を jQuery コレクション ( $()) に配置し、代わりにそれを呼び出しますfadeIn()

次のようなことを試してください:

$('#accCnt').append($('<div>hello Testing</div>').fadeIn(100));

JSFiddle

于 2013-10-30T08:58:41.777 に答える
0

新しく作成した div をフェードしたい場合は、次の構文を使用することをお勧めします。

$('<div>hello Testing</div>').hide().appendTo('#accCnt').fadeIn(100);

作業フィドルを参照してください

于 2013-10-30T08:59:54.367 に答える