jQuery UI 대화 상자 동적 높이와 너비

StackOverflow https://stackoverflow.com/questions/1874325

  •  18-09-2019
  •  | 
  •  

문제

iframe과 함께 jQuery UI 대화 상자를 사용하고 있습니다.

function showDialog(url, title, refresh){           
    var horizontalPadding = 30;
    var verticalPadding = 30;
    var width = 650; height = 800;
    $('<iframe id="modalIframeId" allowtransparency="true" style="background-color:#c0c0c0;" frameborder="0"  class="ModalIFrame" src="' + url + '" />')
        .dialog({
            title: title,                
            width: width,
            height: height,
            modal: true,
            resizable: true,
            autoResize: true,
            close: function(ev, ui) {
                if(refresh)
                    location.reload();
                else
                    $(this).close();
            },
            overlay: {
                opacity: 0.7,
                background: "black"
            }
        })
        .width(width - horizontalPadding)
        .height(height - verticalPadding);  
    return false;
}

설정할 수 있습니까? width 그리고 height 창 크기처럼?

감사해요

도움이 되었습니까?

해결책

에 따르면 선적 서류 비치 당신은 할 수 있습니다.

(링크가 사용자가 올바른 섹션으로 직접 사용하지 않기 때문에 코드가 추가되었습니다.) :

옵션 - 너비

지정된 너비 옵션으로 대화 상자를 초기화합니다.
코드 예제 :

가까운 방법을 호출하십시오.

$( ".selector" ).dialog( "close" );

초기화 후 너비 옵션을 얻거나 설정하십시오.

//Getter
var width = $( ".selector" ).dialog( "option", "width" );

//Setter
$( ".selector" ).dialog( "option", "width", 500 );

다른 팁

창 너비와 높이를 얻을 수 있습니다 

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

대화 상자에 변수를 사용하십시오.

을 추가하다

height: 140,
width: 140,

나머지 옵션과 함께

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top