Центрирование JQuery диалогового окна

Question

У меня есть диалоговое окно JQuery, который установлен в

position: 'center' 

Теперь я выполнить запрос к базе данных и возвращать длинный список записей, и каждая запись имеет кнопку «Изменить». Если я прокручиваю страницу вниз и нажимаю кнопку редактирования, то запись jQuery открывает мой диалог и центрирует диалог в зависимости от положения прокрутки, но также перезапускает страницу прокрутки назад, поэтому теперь диалог больше не центрирован.

Так что мои вопросы,

1. Может ли я остановить Jquery от сброса своей позиции прокрутки при открытии диалогового окна?

2. Как установить положение в центр без использования ключевого слова 'center'?

Answer 1

Вы должны использовать плагин jQuery, о котором вы нам не рассказываете, поскольку «center» не является допустимым значением для свойства «position». Тем не менее, я предполагаю, что у вас есть кнопка редактирования, настроенная как ссылка со значением href, установленным на «#». Это то, что вызывает скачок. Чтобы предотвратить это, вернуть ложь в обработчик события щелчка на этой кнопке:

$('a.edit').click(function() { 
    // logic goes here 
    return false; 
}); 

Answer 2

Тони, ваш «кнопка» на самом деле является ссылкой, с HREF установлен на «#» и обработчик OnClick, который делает реальную работу.

Браузер интерпретирует это как «перейти к несуществующему якорю» и переходит к началу страницы.

Restlessdesign подходит, если вы используете события jQuery. Если вы определяете обработчик OnClick в разметке, то сделать что-то вроде:

<a href="#" onclick="doSomething();return false();" ... 

Answer 3

Это то, что работает для меня.

В моей функции,

function myedit() 
{ 
.... 
return false; 
} 

со ссылкой,

<a href='#' onclick='return myedit();' >edit</a> 

Answer 4

Я знаю, что это старый пост, но я столкнулся с этой проблемой, когда диалоговое окно мое не было центрового, так подумал, что я отправлю кому-нибудь еще, что может столкнуться с этим. На моей странице я также использую плагин jQuery Dimensions.

Если я загрузил сценарий dimensions после сценария jQuery UI, он нарушил бы позиционирование диалога. Загружено до jQuery UI, и диалог работал должным образом.

Answer 5

Вы можете использовать объект события и метод preventDefault(), чтобы предотвратить страницу от прыжков на вершину:

$('a.edit').click(function (event) { 
    event.preventDefault(); 
    // logic goes here 
}); 

Answer 6

я тоже наткнулась на эти годы спустя. Я просто надеюсь, что это поможет кому-то еще найти решение.

источник:

http://jqueryui.com/position/#default

$("#result").position({ 
    of: "#wrapper", 
    my: "center middle", 
    at: "center middle",  
    collision: "fit flip" 
})//$("#result").position({