Размер окна Jquery Dialog

Question

Как мне сделать размер диалогового окна JQuery в соответствии с размером окна?

Я попытался использовать 'auto', но это просто делает его размером для его элементов, и я не хочу указывать pxименно б / с, который не будет динамичным.спасибо!

Answer 1

Я немного догадываюсь здесь, но вы можете получить размер окна, используя:

var windowWidth = $(window).width();
var windowHeight = $(window).height();

Итак, я бы взял это и передал это значение в диалог jQuery.

$( ".dialog" ).dialog({ height: windowHeight, width: windowWidth });

Answer 2

var dlg = $ ("# dialog");// Получить диалоговое окно контейнера.// Получить размеры окна.var width = $ (window) .width ();var height = $ (окно) .height ();

    // Provide some space between the window edges.
    width = width - 50;
    height = height - 150; // iframe height will need to be even less to account for space taken up by dialog title bar, buttons, etc.

    // Set the iframe height.
    $(dlg.children("iframe").get(0)).css("height", height + "px");

    dlg.dialog({
        modal: true,
        height: "auto", // Set the height to auto so that it grows along with the iframe.
        width: width
    });