jquery - jQuery .click() .animate() が機能しない

Question

$('.transparent-close').click(function(){ ...}); の内部で呼び出されるイベント 動作していないようです。別の .click() イベント内にある可能性がありますか?

$('#featured-top').click(function(){
    $(this).animate({'top':'-318px'}, 600, 'easeOutBounce');
    $('#featured-top-container').animate({'margin':'260px 0 0 117px'}, 600, 'easeOutBounce');
    $('#wrap').animate({'margin-top':'365px'}, 600, 'easeOutBounce');

    //Add transparent background for click out
    $(document.body).append('<div class="transparent-close"></div>');
    $('.transparent-close').click(function(){
        $('#featured-top').animate({'top':'-318px'}, 600, 'easeOutBounce');
        $('#featured-top-container').animate({'margin':'260px 0 0 117px'}, 600, 'easeOutBounce');
        $('#wrap').animate({'margin-top':'365px'}, 600, 'easeOutBounce');
        $(this).remove();
    });
});

Answer 1

私は使うだろう：

$('body').append(
    $('<div></div>')
        .addClass('transparent-close')
        .on('click',function(){
            //...
        });
);

正確な理由がわからなくても、クリック機能をイベントリスナーとして使用するのにまだ問題がありました。