为什么我的fancybox图像溢出它底部的边框？

Question

我一直在将jQuery添加到fancybox图像中，现在出于某种原因，当我打开图像时，由于某种原因它会溢出底部的fancybox边框。 任何人都可以帮助我并告诉我为什么会这样吗？

这有效：

$(document).ready(function() {
    $("#single_image").fancybox();
});

这会使图像溢出：

$(document).ready(function() {
    $("#single_image").fancybox({
        afterLoad: function() {
            this.outer.append("read more");
            event.preventDefault();
        },
        afterShow: function () {
            $(".fancybox-image").wrap($("<a />", {
                href: $(this.element).data('target'),
                target: ""
            }));
            event.preventDefault();
        }
    });
});