Как указать высоту с помощью fancybox 2.1.4

Question

Как указать высоту с помощью fancybox 2.1.4

0

Здесь ссылка на плагин:

Я пробовал все варианты в документации, а также ответы в SO, но никто не работал для меня.

Думаю, моя проблема проста. Мне просто нужно настроить высоту моего fancybox относительно высоты моего <div> который находится внутри него.

здесь мой код:

$("#home #_prcButtons input[type='button']").each(function() {
    $('#' + this.id).click(function() {
        var getId = (this.id === '_proceed') ? 
        $.fancybox({  href: '#questionToEnter', helpers:  { overlay: { locked: false, css: { 'background' : 'rgba(58, 42, 45, 0.95)' } } }, openEffect: 'fade', closeEffect: 'fade'}) : window.location.href = "https://google.com";
    });
});

Здесь css моего div:

#questionToEnter { display:none; width:450px; margin:auto; background:#f7d4d4; padding:10px;}

Вот как это выглядит:

Как вы можете видеть, fancybox не будет соответствовать высоте моего div. Пожалуйста, помогите мне. Ура!

witherwind 20 фев. 2014, в 09:13

Источник

Теги:

javascript

jquery

html

css

fancybox-2

2 ответа

-1

Вы можете указать его с помощью атрибута height в fancybox. См. Этот пример:

<script type="text/javascript">
$(document).ready(function () {
    $('.fancybox').fancybox({
        type: "iframe",
        padding: 0,
        fitToView: false,
        autoSize: false,
        width: 718,
        height: 503
    });
});
</script>

Kapil Kshirsagar 20 фев. 2014, в 04:54

0

Это не сработало для меня. Я ответил на свой вопрос. Вот что сработало для меня. Спасибо, что заглянули, чтобы помочь, хотя.
witherwind 20 фев. 2014, в 07:32
0

Мне очень интересно за отрицательное голосование: O
Kapil Kshirsagar 20 фев. 2014, в 07:35

Ещё вопросы

Это не сработало для меня. Я ответил на свой вопрос. Вот что сработало для меня. Спасибо, что заглянули, чтобы помочь, хотя.
Мне очень интересно за отрицательное голосование: O

witherwind · Accepted Answer · 2014-02-20T06-00-00.000Z

Решила мою проблему!
Я понял, что мой <div> выглядит меньше 100 пикселей в высоту.

Настройка minHeight сделала трюк:

minHeight: '60';

Ура!