У меня есть строки элементов с кнопкой редактирования, которая отображается при наведении. Я пытаюсь открыть диалоговое окно jQuery рядом с элементом, который вы нажимаете на кнопку редактирования:
Все идет нормально.
Здесь моя проблема: диалог открывается в нужном месте, но страница одновременно прокручивается, я открываю диалог.
Код диалога jQuery:
$("#object-form").dialog({
autoOpen: false,
height: 300,
width: 350,
modal: true,
buttons: {
Save: function () {
alert("hello");
},
Abort: function () {
$(this).dialog("close");
}
},
show: "slow"
});
Инициализация кода для диалога и установка позиции диалогов:
$(".matrix-cell-options-edit").click(function () {
$("#object-form").dialog("open");
var target = $(this).parent().parent();
$("#object-form").dialog("widget").position({
my: 'left bottom',
at: 'right top',
of: target
});
});
Наконец, я исправил это. Это не имело никакого отношения к CSS. Это была некоторая дискретная ошибка, которая всегда присутствовала. По какой-то причине тег тела оказался перед тегом заголовка. Он был вложен. Посмотрите этот снимок экрана, чтобы увидеть, как он выглядит в инспекторе элементов в Chrome (не мой, но похожий): http://www.flickr.com/photos/57553101@N06/5357885472/
В нижнем потоке эта проблема была решена для некоторых с UTF-8 без спецификации, но не для меня. Я включил db.php и несколько других функций перед первым тегом HTML. Я переместил это к началу тела, и теперь все работает так, как должно!
Полезные темы по этому вопросу: http://wordpress.org/support/topic/header-appearing-in-body-tag http://wordpress.org/support/topic/head-scriptslinks-showing-up-inside-body -тег
У меня была такая же проблема. Исправлено добавлением <!DOCTYPE html>
перед <html>
dialog("open")
после установки позиции?