13

visibilitydiv の css プロパティをvisiblejQuery.fadeIn()トランジションで変更しようとしています。

これが私のコードです:

$('a').click(function() {
    $('#test').fadeIn('slow', function() {
     $(this).css('visibility','visible');
  });
});​

そしてフィドル：http://jsfiddle.net/np6r7/

4

3 に答える 3

29

実際、davidaamの回答が気に入りました。少し変更します。

    $('#test').css('visibility','visible').hide().fadeIn("slow");
于 2013-06-03T17:16:53.227 に答える
13

CSS 不透明度を JQuery の fadeIn と組み合わせて使用​​して、同じことを実現することもできます。

CSS で可視性を使用する代わりに、opacity: 0; jQueryFadeToを使用して不透明度を 100% に増やします。

$('#test').fadeTo('slow', 1);

これにより、可視性と同様に配置が保持さopacity: 0れますが、クリックやキープレスなどのイベントに応答し、タブオーダーに参加することに注意することが重要です。さらに、よりも責任を持って使用する方が SEO に適していることも読みましたが、これが にどのように適用されるかはわかりません。visibility: hiddendisplay: noneopacity: 0

JSFIDDLE : http://jsfiddle.net/np6r7/15/

于 2014-04-13T18:29:05.373 に答える
11

アニメートできませんvisibility。fadeinは keyed offであるため、 CSS 経由の初期状態display:none;である必要があります。#testレイアウトを維持する必要がある場合は、必要な高さや幅を指定する div でテストをラップしてみてください。

于 2012-06-08T01:46:16.247 に答える