2

Начну с извинения за мой английский, который не является моим родным языком, во всяком случае, я постараюсь сделать все возможное!JQuery-ui dialog verticaly center bug

Я использую пользовательский интерфейс JQuery для контента моего сайта. Как что:

<body> 
    <div id=accordion> 
     (my content well formed for an accordion) 
    </div> 
    <div id=myPopUp> 
     <span id=popUpContent> myPopUpMessage </span> 
    </div> 
    </body> 

Вот мой JQuery код выполняется при нажатии на кнопку в моем аккордеона:

var popUp = $('#myPopUp').dialog({ 
      resizable: false, 
      draggable: false, 
      position: 'top', 
      modal: true, 
      buttons: [ 

      { 
       text: "No", 
       click: function() { 
        $(this).dialog("close"); 
       } 
      }, 

      { 
       text: "Yes", 
       click: function() { 
        $(this).dialog("close"); 
       } 
      }] 
     }); 

Итак, в чем проблема? My popUp установлен вертикально в положение! Когда я смотрю в верхней части моей страницы, мой диалог установлен на вертикальном центре ... на общей странице, а не на моем вид страницы. Что-то еще ... если я смотрю ниже на странице, мой диалог будет установлен в вертикальном центре страницы + в моем окне. (Я имею в виду, что если я на самом деле смотрю 30% моей страницы, он будет установлен на уровне 50% + 30% от общей страницы!)

Я подозреваю какую-то несовместимость между Accordion и Dialog. (Больше вкладок аккордеона, которые я получил ... больше из положения - это мой диалог)

Надеюсь, вы поймете мою проблему, , и если вы этого не сделаете, спросите меня о дополнительных рекомендациях = o! Спасибо!

ответ

1

Я просто нашел сложный способ сделать это (или просто свести к минимуму проблему).

Я добавил к моему Popup вариант: положение {мой: «низ», на «сверху», из: «myselector»} Wich «myselector» относятся к содержанию вкладок в связи с PopUp

В любом случае!

Если кто-то знает реальный трюк, чтобы делать то, что я хотел, я свободен!