jquery - 動的に読み込まれた div をクリックして別の div を表示する

Question

私はこのjQueryコードを以下に持っています:

$.each(data.direct, function (filelist, direc) {
                $('#magazines-list').append ( $('<li>').append ('<p>'+ direc.slice(47) + '</p>') );
            });

それからこれ

$("body").delegate("#magazines-list li p",'click', function () {
    $('#magazine-show').fadeIn(500);
    $('#magazine-show').css({width: $(window).width(), height: $(window).height()});
    $('#magazine-show').append( '<p class="magazine-show-caption">' + $(this).text() + '</p>');
});

問題は、「 」をクリックする#magazines-list li pと、メソッドが 2 回トリガーされるため、キャプションが 2 回取得されることです。