jQuery UI對話框出現故障

我在爲客戶端構建的網站中有幾個對話框。 當兩個對話框同時打開時，事情最終會搞砸。第一次出現對話時，對話似乎很好看。但是當用戶關閉對話框（頂部的那個）並再次打開它時，它會變得混亂。（檢查圖像）jQuery UI對話框出現故障

什麼我基本上做的是以下幾點：

$(document).ready(function() { 
    $("#someDiv").dialog({ 
     //options 
    }); 

    $("#someButton").click(function() { 
     $("#someDiv").dialog('open'); 
    }); 

    $("#closeButton").click(function() { 
     $("#someDiv").dialog('close'); 
    }); 
});

這基本上我是如何打開和關閉對話框中的流動。我做錯了什麼？

當用戶打開的對話框中的第一次：http://i43.tinypic.com/2dt9fk7.png

當用戶再次打開該對話框：http://i40.tinypic.com/v6sqq9.png

來源

2012-01-27 Kassem

不，在那段代碼中沒有錯。可能是一個CSS問題。 – cambraca 2012-01-27 19:41:40

@cambraca：但爲什麼它第一次工作，第二次搞砸了？這對我沒有任何意義...：/ – Kassem 2012-01-27 19:46:43

也許發佈了一個鏈接？.. – cambraca 2012-01-27 19:47:17

我大多與cambraca同意;然而，這裏有另一個想法添加到「它的CSS」點：

當對話框關閉時，jQuery UI似乎不會將其移回到其在DOM樹中的原始位置。它似乎被移到</body>結束標記之前。爲了保持一致性，請更改標記，以便它可以在此處啓動，從而避免可能出現的CSS樣式繼承問題。

來源

2012-01-27 19:50:33

jQuery UI對話框出現故障

回答

相關問題