jquery對話框不會彈出所有元素

jquery dialog不會彈出所有元素。首先是我有預構建的框架，其中包含很多部分。在其中一個部分中，我編寫了單獨的jsp頁面來顯示某個圖形，並在該部分中鏈接了該jsp頁面。在一個按鈕上單擊該jsp頁面，我顯示一個對話框。以下是代碼片段。jquery對話框不會彈出所有元素

<body> 
    <div id="container" style="min-width: 320px; height: 370px; margin: 0 auto"></div> 
    <div id="hugedialog" title="dialog"></div> 
    <script type="text/javascript"> 
     $(function() { 
      $("#hugedialog").dialog({ 
       autoOpen : false, 
       modal : true, 
       show : "blind", 
       hide : "blind", 
       width: 900, 
       height: 700 
      }); 
     }); 

     function popupdlg() { 
      $("#hugedialog").dialog("open"); 
     } 
    </script> 
</body>

所以，我點擊按鈕時調用上述函數popupdlg。但事情是，如果我獨立打開該頁面，它會彈出正確。當我將其嵌入預構建部分並單擊按鈕時，彈出窗口僅顯示在該部分，而不是彈出所有元素。我想下面的東西，但沒有運氣 1）.ui-dialog { z-index: 1000 !important ;}

2）嘗試movetotop，但仍然沒有工作

採用一切可能的答案，但未能成功。有人可以請幫助如何解決這個問題，使對話框應該顯示頁面中所有元素的頂部？我想到的一個想法就像我必須將該div綁定到頁面中的頂層元素。那麼，我可以通過任何機會獲得最高的引用，並從當前的jsp頁面本身將對話框div附加到它上面？

來源

2014-11-24 rick

也許z-index:9999？

你正在使用引導我假設。你也可以在自己的代碼中捕獲「打開」事件。

來源

2014-11-24 07:52:34 wahwahwah

更改Z指數不起作用，我甚至改變它不同的數字，但沒有運氣。 – rick 2014-11-24 08:17:35

你是如何解決這個問題的？ – Alexander 2015-11-11 18:30:47

您在此處描述的彈出窗口的類型與在http://getbootstrap.com/javascript/#modals處給出的自舉模式非常相似。如果這是您希望彈出窗口的方式，我會建議您使用引導模式。如果有任何機會，你不能在彈出加載時使用引導，嘗試給背景賦予某種疊加效果，這樣彈出窗口就會在其他元素上方可見。在彈出式加載時，使背景變暗或減少不透明度。希望這可以幫助。

來源

2014-11-24 07:55:11 SohamKhare

它在我作爲單獨的頁面執行時起作用，它不僅在我嵌入到預構建的框架中時意味着其他元素隱藏了彈出窗口。 – rick 2014-11-24 08:20:35

jquery對話框不會彈出所有元素

回答

相關問題