jQueryで添付された要素を削除する

単純なtodoアプリケーションを開発しようとしていますが、jQueryで作成された要素は、セットアップしたショートキーでは削除できません。私が作ったショート・キーは、最初の要素（および最初からページにある他の要素）では動作しますが、jQuery経由でDOMに入った要素は削除できません。ここでjQueryで添付された要素を削除する

<script> 
    $(document).ready(function() { 
     $('textarea.todo').focus(function() { 
      $(this).elastic(); 
     }); 

     $('textarea.todo').focusout(function() { 
      $(this).animate({ height: "2em" }, 500); 
      $(this).scrollTop(0); 
     }); 

     $('#addTodo').click(function(){ 
      $('<textarea class="todo" rows="1"></textarea>').appendTo('#todos'); 
     }); 

     $('.todo').bind('keydown', 'alt+ctrl+d', function(){ 
      $(this).fadeOut('Slow'); 
     }); 
    }); 
</script> 
</head> 

<body> 
    <div id="header"> 
     Simple<span id="alt">TODO</span> 
    </div> 
    <div id="todos"> 
     <textarea class="todo" rows="1"></textarea> 
    </div> 
    <div id="footer"> 
     <div class="left"><img src="PlusSign.png" id="addTodo"/></div> 
     <div class="right">HELP</div> 
    </div>

出典

2012-01-09 Victor Bjelkholm

+10

外部サイトへのリンクは、質問に役立つ*補助*となることができますが、常に関連するコード*を質問自体*に投稿してください。（コードがたくさんある場合は、問題を再現する最小のテストケースを作成する必要があります）。スタックオーバーフローは、今のところあなたのためのリソースではなく、将来同様の問題を持つ他の人のためのものです。外部リンクは変更、削除、移動などが可能で、将来の質問やその回答を正確に無用にすることができます。 –

$('.todo').bind('keydown', 'alt+ctrl+d', function(){ 
            $(this).fadeOut('Slow'); 
        });

on()の代わりbindを使用しています。この場合、新しく作成された要素は自動的に購読されます。

$(document).on('keydown', '.todo', function(e){  
     if (e.ctrlKey && e.altKey && e.keyCode == 68) 
      $(this).fadeOut('Slow'); 
});

コード：http://jsfiddle.net/FgZaR/3/

出典

2012-01-09 13:34:50 Samich

この回答は、要素をalt、ctrl、またはD.に反応させます。編集：すべてのキーボード・プレスだけでなく、要素を削除します。 –

コードを更新しました。最新バージョンを確認してください。 – Samich

今はもっとうまくいっています！助けてくれてありがとう:) –

答えが、この場合には、ハンドラが追加された後の要素が追加されました（要素だけではありませんでした）ということは基本的であり、あなたのjQueryのバージョンに応じて、そこにありますいくつかのオプションを使用できます。

最新バージョンはhttp://api.jquery.com/on/
以前のバージョンでは、「委任」と「ライブ」の両方を使用して「オン」を使用http://api.jquery.com/delegate/かhttp://api.jquery.com/live/あなたが最初のをした後、彼らが追加された場合でも、イベントを登録します

結合。

出典

2012-01-09 13:36:50 leopic

AddTodoメソッドで要素を追加すると、ショートカットイベントは追加されません。

$('#addTodo').click(function(){ 
    $('<textarea class="todo" rows="1"></textarea>').appendTo('#todos').bind('keydown', 'alt+ctrl+d', function(){ 
     $(this).fadeOut('Slow'); 
    }); 
});

出典

2012-01-09 13:36:52

これはまったく動作しませんでした。 –

私はこのようにそれをやった、それが働いた：おそらく

  $('#addTodo').click(function(){ 
      $('<textarea class="todo" rows="1"></textarea>').appendTo('#todos'); 
      $('.todo').bind('keydown', 'alt+ctrl+d', function(){ 
       $(this).fadeOut('Slow'); 
      }); 
     });

ない最善の解決策が、それは少なくとも働きました。

出典

2012-01-09 14:41:37

しかし、それはスクリプトのいくつかの他のものを台無しにした... –

jQueryで添付された要素を削除する

答えて

関連する問題