Question

我创建了一个清除按钮，只要元素被放入droppable div中就会出现。问题是还创建了按钮以清除div中的html并清除项目后我希望按钮逐渐消失。

$('#sortcard, #dropbox, #dropbox1').droppable({accept:'.sorting', hoverClass:'border', tolerance: 'touch',
    drop: function (e, ui){

    $(e.target).append(ui.draggable.html() + '<br/>');
        //can use $(this) or (e.target)
    $("#add_friend").show().fadeOut(12000);
    $(e.target).droppable("destroy");
    $(e.target).append("<input type='button' name='Sub' value='clear'/>");
    }
    });

    $(":button").click(function(){
        $(ui.draggable).remove;
        $(":button").fadeOut(20000)        
    });

然而，正如HERE所见，它只是没有发生。我很想知道为什么我的按钮不能正常工作以及如何解决这个问题。一般来说，任何其他提示也将非常受欢迎。

Answer 1

变化

$(":button").fadeOut(20000)

到

$(this).fadeOut(20000)

Answer 2

更新：编辑删除使用“直播”（已弃用）。

您的点击处理程序正在尝试绑定到尚不存在的元素。尝试在创建按钮时绑定点击处理程序：

旧：

$(e.target).append("<input type='button' name='Sub' value='clear'/>");}

新：

$(e.target).append($("<input type='button' name='Sub' value='clear'/>")
           .click(function(){
               $(this).parent().empty();
               $(this).fadeOut(20000);
            }));

如何删除附加到droppable div的文本

2 个答案: