如何使用按钮清除jquery droppable元素

Question

我有一点问题，我试图通过使用按钮擦除附加到我的droppable div中的内容。

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

我无法弄清楚如何定位被删除的元素HERE。我希望删除附加的元素，我希望用于消失的按钮。我将非常感谢任何帮助我这方面的提示以及任何前进的提示。

Answer 1

首先，您必须指定要用于附加按钮的变量：var hui = $("<input type='button' name='Sub' value='clear'/>");

然后你可以触发点击

$(hui).click(function(){
    alert(hui.length) ;
});

http://jsfiddle.net/Kxtvg/128/

之后你必须再指定一个var来获取ui.draggable

参见工作变体：http://jsfiddle.net/Kxtvg/130/

原谅我的英语......

Answer 2

如果您希望click事件委托给将来的事件，请查看使用jquery .on（）。此外，当您调用.remove时，该元素将被删除，您将永远不会看到淡出效果。看看使用的东西：

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