Question

所以我有div的代码。我需要的只是让div淡出，然后在淡出后删除父子。

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链接中。

Answer 1

我知道jQuery的解决方案

$("#fadeout").ckick(function(){
$(this).find("div").fadeOut().parent().remove();
});

Answer 2

您通过标签指示jQuery，因此这是一个jQuery解决方案。它将回调函数传递给fadeOut函数，该函数删除#divText。

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

我建议的一个改进是通过javascript而不是内联来附加事件处理程序。

<强>的Javascript

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

<强> HTML

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

JS小提琴： http://jsfiddle.net/ZGp62/1/

Answer 3

您可以使用fadeOut jquery函数轻松完成此操作。

示例：

$( "#buttonID" ).click(function() {
    $( "#thedivID" ).fadeOut( "slow", function() {
        //this removes the div from the DOM
        $( "#thedivID" ).remove();
    });
});

请在此处查看更多示例和文档：http://api.jquery.com/fadeOut/

需要onclick事件，让div淡出＆＃34;那么＆＃34;删除div

3 个答案: