javascript - ボタンを使用してjqueryのドロップ可能な要素をクリアする方法

Question

ボタンを使用して、ドロップ可能な div に追加されたコンテンツを消去しようとしているという点で、少し問題があります。

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

HEREに見られるようにドロップされている要素をターゲットにする方法を理解するのに苦労しています。追加された要素を削除し、使用されていたボタンをフェードアウトさせたい。これに役立つヒントと、前進するためのヒントに感謝します。

score 0 · Accepted Answer

最初に、追加ボタンに使用する変数を指定する必要があります。var hui = $("<input type='button' name='Sub' value='clear'/>");

その後、クリックをトリガーできます

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

この後、ui.draggable を取得するには、もう 1 つの変数を指定する必要があります

作業バリアントを参照してください: http://jsfiddle.net/Kxtvg/130/

私の英語で失礼します...

score 0 · Accepted Answer

クリックイベントを将来のイベントに委譲する場合は、jquery .on() の使用をご覧ください。また、.remove を呼び出すと、要素が削除され、フェードアウト効果が表示されなくなります。次の行に沿って何かを使用して見てください。

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

2 に答える 2