Fancybox - Не можете установить CSS с помощью jQuery?

Question

Я пытался отрегулировать положение своего Fancybox с помощью jQuery:

$('#fancybox-wrap').css("top", "200px !important");

И он вообще не работал даже с битом ! Important .Однако, если я просто сделаю это с помощью CSS, это будет нормально:

#fancybox-wrap {
    top: 200px !important;
}

Что делает меня действительно любопытным: есть ли что-то внутри кодов Fancybox, которые мешают мне изменять CSS оболочки с помощью JavaScript?

Answer 1

Может быть не очень хороший путь, но вы можете пойти так:

cssString = $('#fancybox-wrap').attr("style");
cssString = cssString.replace("top: 200px", "top: 200px !important");
$('#fancybox-wrap').removeAttr("style").attr("style", cssString);

Answer 2

Функция css помещает стили в атрибут style. Некоторые навигаторы не позволяют использовать !important во встроенном стиле. Но встроенный стиль должен превосходить правило css, даже если оно «важно». Так

$('#fancybox-wrap').css("top", "200px");

должно работать?