jquery - 调整窗口大小时更改 div 偏移量。jQuery

Question

我正在使用 Fancybox 插件。当它加载时，我在关闭按钮旁边插入一个图像（预览评论）并以这种方式定位它：

var p = $("#fancybox-close");
var offset = p.offset();
$("#preview_comments").offset({ top: offset.top, left: offset.left-30});

这样，当窗口调整大小时，图像会保持正确，因为它具有绝对位置。我也试过：

function pcomments() {
    var p = $("#fancybox-close");
    var offset = p.offset();
    $("#preview_comments").offset({ top: offset.top, left: offset.left-30});
};

pcomments();

$(window).resize(function() {           
    pcomments();            
});

当我最小化窗口时，该图像向右移动。如果我继续调整窗口大小，图像会返回到 Fancybox 关闭按钮的左侧，但不会正确地进行偏移（并且看起来它没有按时更新）。

谢谢'

Answer 1

好的，我解决了这个问题。

我将 div 附加到图像（我只能通过 .ax-window，而不是 fancybox-img），然后应用偏移量。没有必要应用窗口调整大小。这是最终代码：

$("#preview_comments").appendTo('.ax-window');
$("#preview_comments").css("position","relative");

function pcomments() {
    var p = $("#fancybox-close");
    var offset = p.offset();
    $("#preview_comments").offset({ top: offset.top, left: offset.left-30});
};

pcomments();