2014-08-29 4 views
0

У меня возникла проблема с позиционированием диалога с пользовательским интерфейсом JQuety.Позиция JQuery UI с диалоговым окном

Я использую код

var divObj = $('#sourceCodeSearchDialog'); 
divObj.dialog(
    { 
     position: ['right-800 top-100'] 
    }); 

, но независимо от того, как мало я сделать верхнее значение диалоговое окно не появляется вверху страницы.

Ссылка, вызывающая ее, довольно далеко по странице, поэтому может быть, что она выводит диалог в верхней части экрана (а не на страницу). Когда фокус установлен в текстовое поле в диалоговом окне, экран прокручивается, чтобы сфокусироваться на текстовом поле. Однако, поскольку диалог не находится в верхней части страницы, отображается не все диалоговое окно.

Я знаю, что работа вокруг - это прокрутка страницы, но это делает процесс довольно «нервным», когда он отображает диалог, а затем прокручивает.

+0

Можете ли вы добавить некоторую скрипку или что-то увидеть, Что происходит? ? –

+0

Одним из примеров может быть «position: {my:« center », at:« center », of: window.top},' –

+0

Если я переместил вызывающую ссылку дальше вверх по странице, тогда я могу поместить диалог OK. Похоже, я могу только нарисовать диалог в окне, которое отображается, а не где-либо на странице. – EdenUK

ответ

0

Попробуйте

var divObj = $('#sourceCodeSearchDialog'); 
divObj.dialog({ 
    // other setting if u want like `modal : true` etc 
}, 'position', [800,100]); 
+0

К сожалению, это не сработало. Даже изменение 800 100 номеров до 1,1 не имело никакого отношения к позиционированию диалога, который не был тем, чего я ожидал вообще. – EdenUK

0

Я не совсем уверен, если это то, что вы ожидаете, но попробуйте это:

var divObj = $('#sourceCodeSearchDialog'); 
divObj.dialog(
{ 
    position: {my: "right-800, top-100", at: "center", of: window} 
}); 
+0

Это тоже не сработало, оно отобразило диалоговое окно ниже страницы. Если я сменил верхнюю часть на верхнюю часть 10000, тогда она переместит ее туда, где мой код положил ее. Я все еще думаю, что я должен ссылаться на страницу, а не на окно, какие-то мысли? – EdenUK

+0

@EdenUK Посмотрите, меняется ли это: «центр» до: «верхний центр» работает. И, если вы хотите ссылаться на страницу, а не на окно, замените: window на: document –

+0

Я был так взволнован, когда увидел параметр документа, но, к сожалению, он вел себя так же, когда диалог появился наполовину вниз экран. Есть ли список всех вариантов «из:»? http://api.jqueryui.com/position/ был немного расплывчатым, вероятно, из-за количества возможностей. – EdenUK

Смежные вопросы