Изменить смещение 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();