カレンダー

11 | 2016/12 | 01
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

広告



最近の記事

カテゴリー

DATE: CATEGORY:DEV


jQuery関連の備忘録。

Photo:365.18 1 chapter down, 2 books to go By:remysharp
Photo:365.18 1 chapter down, 2 books to go By remysharp


フェードアウトして消える



fadeOutしてremoveしたい、って事ですが、
removeは、fadeOut.removeでは正しく動かない。
この動きは、queueを使って実装が必要。

こんな感じ。


$(’#sample’).fadeOut(‘1000’).queue(function(){
this.remove();
});


フェードインで現れる



フェードイン自体はfadeInで可能。

ポイントは、フェードインして現れるようにする場合、
追加する要素は事前にhideやfadeOutで消しておく。
(CSSのdisplay:none;とかで消しておいても良い)

元々あったデータをフェードアウトで非表示にしておいて、
別のデータを追加するような実装だとこんな感じ。


$(‘#sample').fadeOut(1000,function(){
$(‘#sample’).empty();
$(‘#sample').append("

これが現れる!

");
});
$(‘#sample').fadeIn();


タグ : DEV jQuery

Comment

コメントの投稿

管理者にだけ表示を許可する


トラックバック


この記事にトラックバックする



copyright © なんとなしの日記 all rights reserved.
内職☆在宅ワークの最強は?アフィリエイト!. 初心者だってカッコ良いホームページ作るぅ!
Powered by FC2ブログ
Related Posts Plugin for WordPress, Blogger...