当打开jQuery对话框的页面滚动

我有行的元素与编辑按钮，显示悬停。我试图打开我点击编辑按钮的元素旁边的jQuery对话窗口：当打开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 
    }); 
});

来源

2013-11-09 Superbyte

在设置位置之后放置“对话框（”打开“）'时，滚动仍然发生吗？ – Jason

是的不幸的是它确实。 – Superbyte

这个问题http://stackoverflow.com/questions/2777408/window-scrolling-up-when-jquery-dialog-opens-up可能会证明有帮助 – Jason

最后我解决了这个问题。它与CSS无关。这是一直存在的一些离散错误。出于某种原因，车身标签在头标签之前结束。它嵌套。看下面的截图，看看它在Chrome中的元素检查器中的样子（不是我的，但类似的）：http://www.flickr.com/photos/[email protected]/5357885472/

在下面的线程中，一些UTF-8解决了这个问题，但没有BOM，但不适合我。我在第一个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

来源

2013-11-11 07:41:39 Superbyte

我有同样的问题。通过在<html>之前添加<!DOCTYPE html>来修复

来源

2016-08-30 20:25:42 alaster

当打开jQuery对话框的页面滚动

回答

相关问题