0

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 の閉じるボタンの左側に戻りますが、オフセットが正しく作成されません (時間どおりに更新されないように見えます)。

ありがとう'

4

1 に答える 1

0

わかりました、私は問題を解決しました。

画像に 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();
于 2011-06-19T22:49:58.060 に答える