При открытии диалогового окна jQuery страница прокручивается

0

У меня есть строки элементов с кнопкой редактирования, которая отображается при наведении. Я пытаюсь открыть диалоговое окно 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
    });
});
  • 0
    Прокрутка все еще происходит, когда вы ставите dialog("open") после установки позиции?
  • 0
    Да, к сожалению, это так.
Показать ещё 2 комментария
Теги:
jquery-ui-dialog

2 ответа

0
Лучший ответ

Наконец, я исправил это. Это не имело никакого отношения к 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 -тег

0

У меня была такая же проблема. Исправлено добавлением <!DOCTYPE html> перед <html>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню