0

だから私はdivのコードを持っています。必要なのは、div がフェードアウトしてから、フェード後に親子を削除することだけです。

JSFiddle リンク

HTML

<div onclick="fadeOut(this)" id="fadeOut">
    <div id="divText">
        This is a simple div with some text in it. This is another line of text.
        All I am doing is continuing adding text to my div container. If I keep adding text guess what will happen. You have to scroll to see the rest!
    </div>
</div>

CSS は JSFiddle リンクにあります。

4

3 に答える 3

1

jQueryでこれの解決策を知っています

$("#fadeout").ckick(function(){
$(this).find("div").fadeOut().parent().remove();
});
于 2013-10-10T09:24:31.440 に答える
0

タグで示すjQueryので、ここに jQuery ソリューションがあります。fadeOutを削除する関数にコールバック関数を渡します#divText。

function fadeOut(i) {
    $(i).fadeOut(3000, function(){
        $("#divText").remove();
    });
}

私がお勧めする 1 つの改善点は、インラインではなく JavaScript を介してイベント ハンドラーをアタッチすることです。

Javascript

$("#fadeOut").click(function(){
     $(this).fadeOut(3000, function(){
        $("#divText").remove();
    });
});

HTML

<div id="fadeOut">
   <!--Content Here -->
</div>

JS フィドル: http://jsfiddle.net/ZGp62/1/

于 2013-10-10T09:24:29.970 に答える