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();

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

1 个答案: