javascript - 如何使用按钮清除 jquery 可放置元素

Question

我有一个小问题，我试图通过使用按钮擦除附加到我的可放置 div 中的内容。

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

我无法弄清楚如何定位正在删除的元素，如这里所见。我希望删除附加的元素，并且我希望正在使用的按钮消失。我将不胜感激任何帮助我解决此问题的提示以及任何前进的提示。

Answer 1

首先，您必须指定一个用于附加按钮的 var：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

如果您希望单击事件委托给将来的事件，请查看使用 jquery .on()。此外，当您调用 .remove 时，该元素将被删除，您将永远不会看到淡出效果。看看使用以下内容：

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