jquery - ajax 调用后数据显示在 console.log 中，但未出现在 fancybox 的自定义 div 中

Question

我附加了一个带有花式框的自定义 div 以显示有关当前元素的一些信息。所有数据都很好。控制台日志完全显示了我想要的内容，但不知何故，ajax 调用的结果在第一次时仅在 div 中显示一次。尽管我在 chrome 的开发控制台中得到了正确的转储，但随后的 ajax 调用不会在 div 上呈现任何内容。

我哪里错了？

$(".public-gallery").fancybox({
    nextMethod : 'resizeIn',
    nextSpeed  : 250,
    padding : 10,
    beforeLoad: function() {
        this.title = $(this.element).attr('caption');
    },
    afterLoad: function(current){

        var description = "<div class='links'><div class='inner' id='resinfo'></div></div>";
        $('.fancybox-overlay').append(description);
        var ref = current.element.data('ref');  
        console.info("ref : " + ref);
         $.post("ajax/fetchresourceinfo.php", {'ref':ref}, function(data){
            $('#resinfo').text("ref:"+ref + data);
            console.info("from here"+data); 
        });
    }});