jQuery simplemodal динамическая высота

var h = $(your_content_element).css('height');

$("#popup").modal({
        containerCss: {
            width: 550,
            height: h
        },

Затем вам нужно найти способ, чтобы при запуске модального окна скрипт снова вычислял высоту.

Если не указывать высоту, по умолчанию устанавливается автоматическая высота. Если вы уничтожите диалоговое окно, а затем немедленно создадите его заново, автоматическая высота должна существенно изменить его размер. Это хитрость, но, вероятно, проще, чем пытаться рассчитать подходящую высоту вручную. Было бы лучше иметь параметр автоматического изменения размера в диалоговом окне, но ...

SimpleModal не имеет встроенной функции, которая регулирует высоту / ширину при изменении содержимого. Это то, что вам нужно добавить.

в jquery.simplemodal.js, замените

containerCss:{}

этим:

containerCss:{width: 650}

измените изображения css верхнего и нижнего gif-файла.

Автор Arman de Guzman de Castro: -)

Я смог добиться этого, запомнив параметр диалога, который передается в обработчик события onShow, а затем, когда какое-то более позднее событие вызывает изменение содержимого, манипулируйте свойством высоты css диалогового окна dialog.container:

<script type="text/javascript">
var walkInDlg;
function doModal()  { // called from onClick of some button on the page
    jQuery.modal("#aModal", { height:"auto",
        width:500,
        backgroundColor:"#807c68",
        overlay:75,
        onShow: function(dlg) { walkInDlg = dlg },
        onClose: function(dlg) { walkInDlg = undefined; jQuery.modal.close() },
        containerCss:{border:"0",padding:"0"}
    })
}
</script>

...

// somewhere else in the page
// this is in the event handler for an action that
// adds content to the dialog

...
// after adding the content, do this:
jQuery(walkInDlg.container).css('height', 'auto')

был свидетелем того, как этот метод работает в Chrome и Firefox.

Я могу получить динамическую высоту (проверено только на chrome и ff), добавив эту функцию в последнюю строку onShow:

$('#simplemodal-container').css('height', 'auto');

, надеюсь, это поможет. Если вы укажете containerId , вы должны заменить '# simplemodal-container' своим containerId.

] Я объединил ответ Саата и Томми, чтобы получить эту более короткую версию. Я протестировал его в Firefox и он работает:[

$.modal("<p>yourContent</p>", { onShow: function(dlg) {
    $(dlg.container).css('height','auto')
}});