當打開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對話框的頁面滾動

回答

相關問題