화면 중앙에 대화 상자를 배치하는 방법은 무엇입니까?

Question

JQuery 대화 상자가 있는데 가운데 상자를 배치하는 데 문제가 있습니다. 여기 내 코드입니다 :

$.extend({ 
    alert: function (message, title) { 
     $("<div></div>").dialog({ 
      buttons: { "Ok": function() { $(this).dialog("close"); } }, 
      close: function (event, ui) { $(this).remove(); }, 
      resizable: false, 
      title: title, 
      modal: true, 
      width:'auto', 
      .position({ 
        my: "center", 
        at: "center", 
        of: window 
      }) 
     }).html(message); 
    } 
}); 

그리고 여기 내 JQuery와 대화 상자를 호출하는 방법입니다

여기

$.alert('<div>My Dialog Box test.</div>', 'My File'); 

내 작업 예입니다 또한 나는 JQuery와-UI-1.12 사용 https://jsfiddle.net/dmilos89/wn1fy15f/1/

가. 1 Jquery 버전. 아무도 도와 줄 수 없다면 알려주세요.

Answer 1

jquery의 어떤 버전을 사용 했습니까? 당신은 1.12 이후에 사용하는 경우, u는 대화 속성

Answer 2

$.extend({ 
    alert: function (message, title) { 
     $("<div></div>").dialog({ 
      buttons: { "Ok": function() { $(this).dialog("close"); } }, 
      close: function (event, ui) { $(this).remove(); }, 
      resizable: false, 
      title: title, 
      modal: true, 
      width: '600px', 
      position : { 
        my: "center", 
        at: "center", 
        of: window 
      } 
     }).html(message); 
    } 
}); 

당신은 당신이 position를 선언하는 오류가에 위치를 사용할 필요가 없습니다. 또한 width:'auto'을 선언 할 때 고정 폭으로 설정해야합니다.