當窗口調整大小時更改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();