ウィンドウのサイズ変更時に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に画像を追加しました（私はfancybox-imgではなく.ax-windowを通してしかできませんでした）。そしてオフセットを適用しました。ウィンドウのサイズ変更を適用する必要はありませんでした。これは最終的なコードです：

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