jquery - 追加された要素でクリックが機能しないのはなぜですか?

Question

jQuery関数を使用して、あるコンテナから別のコンテナにいくつかのhtml要素を際限なく移動したいappendのですが、追加された要素をクリックしてもクリックイベントは発生しません。

私に似たいくつかのスレッドに基づいて、追加された要素がイベントリスナーから取り除かれていることがわかりました。どうすればそれを回避できますか、誰かが解決策を示すことができますか?

ここにある： フィドル

    $('section.container-A div.elem').click(function() {
        $('section.container-B').append(this) ;
    }) ;

    $('section.container-B div.elem').click(function() {
        $('section.container-A').append(this) ;
    }) ;

Answer 1

ここで試したところ、うまくいきました..

これがコードです。お役に立てば幸いです。

$('section.container-1 div.elem').click(function() {     
    var a = $(this).text();     
    $('section.container-2').append('<div class=\'elem\'>' + a + '</div>') ;
}) ;

$('section.container-2 div.elem').click(function() {
    var a = $(this).text();
    $('section.container-1').append('<div  class=\'elem\'>' + a + '</div>') ;
}) ;

Answer 2

ページ内に複数の div と複数のクラスがある場合、正しい div を呼び出すのが難しい場合があります。id を div に追加することでそれを見つけて修正しました。jquery は id による検索とその高速さも大好きです。使えます。

$(document).on('click touchstart', 'div#the_id div.the_class', function(){
 //yourcode
}