jQuery는 현재 페이지의 중심에 있지만 전체 페이지의 중앙에있는 대화 상자를 중앙에 배치합니다.

페이지의 맨 처음에 꽤 긴 페이지와 버튼이 있습니다. 이 버튼을 클릭하면 내가 jQuery를 대화여 : 내가 사업부를 가지고있는 페이지의 시작 부분에서jQuery는 현재 페이지의 중심에 있지만 전체 페이지의 중앙에있는 대화 상자를 중앙에 배치합니다.

$("#createNew").click(function() { 
    var button = $(this); 
    $("#createGalleryDialog").dialog({ 
     modal: true, 
     title: 'Choose a Folder', 
     width: 400,    
     buttons: { 
      "Create": function() { 
        //Do some magic here 
      }, 
      "Abort": function() { $(this).dialog("close"); } 
     } 
    });

, 즉는 다음과 같습니다

<body> 
    ... 
    <div id="createGalleryDialog"> 
     DialogContent 
    </div> 
    <a href="#" id="createNew">Add a new Gallery</a> 
    ... 
    some long content, that needs a scrollbar. 
    .... 
</body>

을 내가 링크 대화 상자를 클릭하면 전체 페이지의 가장 가운데에 열립니다. 즉, 페이지의 가운데로 점프하고 대화 상자를 중앙에 배치합니다.

대화 상자를 여는 것을 피하고 싶습니다. 페이지를 중간에 "스크롤"시킵니다.

PS : 네, 버튼 관련 대화 어딘가에 넘어 물론 위치 할 수 있지만, 내가 바로 창문의 중심 중간 (전체가 아닌 페이지)

에 그것을 가지고 싶습니다 어떤 아이디어?

덕분에 많은 도미니크

출처

2014-01-14 DominikAmon

위치를 설정 하시겠습니까? http://api.jqueryui.com/dialog/#option-position – mituw16

위치를 설정할 수 있음을 알고 있습니다. 예를 들어 버튼과 관련된 어딘가에 넣을 수 있습니다. 하지만 계속 유지하고 싶습니다. 그것은 화면 (안 페이지)의 중심에, 나는 이것이 기본 동작이어야합니다 같아요) – DominikAmon

는 사실은 문제를 파악 : jQuery를 대화 내가 높이를 읽으려고 할 때, 그것은 잘못된 값을 제공 한, 중앙에 대화 상자를 배치하는 높이() 메서드를 사용하여, 그 이유는 Doctype declation이 잘못되었거나 누락 되었기 때문입니다.

<을 제공했습니다! DOCTYPE html >! 이 도움이 http://eureka.ykyuen.info/2013/10/02/100-height-does-not-work-for-html5-doctype/

희망 :

나는 대화의 문제가 여기에서 설명하는 문제와 관련이 있음을, 발견!

출처

2014-01-24 14:07:48 DominikAmon

jQuery는 현재 페이지의 중심에 있지만 전체 페이지의 중앙에있는 대화 상자를 중앙에 배치합니다.

답변

관련 문제