fancybox jQuery，彈出后不應用css

Question

我想在用戶單擊的位置設置fancybox的頂部位置，這意味着如果我在距頂部300px的位置單擊主體，則需要將fancybox設置為top:300px 。

我試過的是：

$('.fancybox').fancybox({
    'onComplete': function() {
      $(".fancybox-wrap").css({'top':'20px', 'bottom':'auto'});
    }
});

但是那是行不通的，之后我嘗試了：

$('.fancybox').click(function() {
    var offset = $(this).offset();
    $(".fancybox-wrap").attr('style','top:' offset.top +'px !important');
    $(".fancybox-wrap").css({'top':'20px', 'bottom':'auto'});
});

但是沒有工作，有人可以幫我嗎？

提前致謝。

Answer 1

只需嘗試單行，

$(".fancybox-wrap").css('top','20px');
$(".fancybox-wrap").css('bottom','auto');

希望這個幫助