Question

我有一系列元素，带有一个在悬停时显示的编辑按钮。我正在尝试打开您在编辑按钮上单击的元素旁边的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
    });
});

Answer 1

我有同样的问题。通过在<!DOCTYPE html>代码

之前添加<html>来修复此问题

Answer 2

最后我解决了这个问题。它与CSS无关。总是存在一些离散的错误。由于某种原因，身体标签在头标签之前结束。它嵌套了。请参阅此屏幕截图，了解它在Chrome中的元素检查器中的样子（不是我的，但类似）：http://www.flickr.com/photos/57553101@N06/5357885472/

在下面的帖子中，这个问题已经解决了一些没有BOM的UTF-8但不适合我。我在第一个HTML标记之前包含了db.php和其他一些函数。我把它移到了身体的开头，现在一切似乎都在起作用了！

关于此问题的有用线索： http://wordpress.org/support/topic/header-appearing-in-body-tag http://wordpress.org/support/topic/head-scriptslinks-showing-up-inside-body-tag

当打开jQuery对话框时，页面会滚动

2 个答案: