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

Question

我在fancybox中添加了一个自定义div来显示有关当前元素的一些信息。所有数据都很好。控制台日志显示我想要的内容，但不知何故，ajax调用的结果在第一次只显示在div中一次。随后的ajax调用不会在div上呈现任何内容，尽管我在chrome控制台中获得了正确的转储。

我在哪里错了？

$(".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); 
        });
    }});