jQuery的彈出定心不當

我想實現我的網站下面的jQuery的彈出式視窗功能： http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/ 我出現的彈出窗口，然而，而是在窗口的中間爲中心，似乎彈出使用背景圖像作爲容器，然後輸入我在那裏使用的表單。所以這個表單甚至不是完全可見的。我試圖讓彈出窗口居中在窗口中，以便窗體完全可見。我還使用這種形式的教程爲我的表單模板：http://tympanus.net/codrops/2010/06/07/fancy-sliding-form-with-jquery/jQuery的彈出定心不當

任何想法，爲什麼它只是被奇怪的？我對jQuery相當陌生，顯然我做錯了什麼，但我不知道。我做了一些研究，並在centerPopup（）函數下的popup.js文件中嘗試了不同的DOM對象引用，但沒有任何我嘗試影響彈出窗口。它僅影響的形式出現在那裏......

我一直在這兩個小時，所以我在束手無策和希望得到任何幫助，你可以給。謝謝。

這裏的的jsfiddle：http://jsfiddle.net/LxjN2/11/

編輯

要到「彈出」或彈出式視窗，因爲我想起來了，你必須點擊菜單欄上的「職業」標籤，然後點擊「請按我！」按鈕。然後你會看到彈出窗口。

來源

2011-07-25 Michael

這是偉大的，你提供一個的jsfiddle哪來的彈出你在說什麼？ – Sparky

我也找不到它。另外，我猜你正在動態加載彈出窗口？如果是這樣，您需要計算加載後的寬度。 – Ivan

@ sparky672我想這不是一個真正的彈出窗口。您必須單擊菜單欄上的「職業」，然後單擊「請按下我！」按鈕。我將編輯原始帖子。謝謝。 – Michael

您的問題（如果我理解正確的話）是你的HTML嵌套。你<div id="popupContact">是它是從，並沿線面板的父元素之一有它的overflow CSS屬性設置爲hidden地方推出了面板的子元素。這就是它被切斷的原因。

將popupContact div移動到面板div外（也許剛好在您的關閉body標記下方），並且它將在主窗口的上下文中呈現，而不是在面板內切掉。

祝你好運。

編輯：另外，你的「花哨滑動形式」有真實勝過你的彈出窗口的一個的z-index。爲了解決這個問題，只是改變你的centerPopup js函數，包括1000以上的z-index ......像這樣：

$("#popupContact").css({ 
    "position": "absolute", 
    "top": windowHeight/2-popupHeight/2, 
    "left": windowWidth/2-popupWidth/2, 
    "z-index": 2000 
});

來源

2011-07-25 22:42:15 Chazbot

我經歷了我發現導致問題的css部分，它是z-index部分。我將你建議的代碼添加到.js文件中，但仍然沒有任何工作，但是當我在實際的css部分（而不是.js代碼）中刪除z-index部分時，問題停止了，現在它工作得很好。謝謝你的幫助。 – Michael

jQuery的彈出定心不當

回答

相關問題