語義UI模式對話框沒有正確關閉

Question

我使用Semantic UI（http://semantic-ui.com/）作爲前端CSS庫和AngularJS。在我的應用程序中，我使用模態來管理數據輸入和視圖。有一個問題。我使用以下命令打開和關閉模態。

$('#addNewEpisodeModal').modal('show'); 
$('#addNewEpisodeModal').modal('hide'); 

但有時當我關閉模式時，它不能正常關閉。模式對話框關閉，但有一個黑色調光器（背景）不關閉。我會告訴你它是如何工作的。這是我打開它時的模式。

而且本所認爲，當我關閉該模式。黯淡的背景不關閉。誰能告訴我這裏有什麼問題？

我必須刷新頁面，以使其再次運行。這是什麼原因？

Answer 1

我還不能評論，所以沒有你的更多澄清（例如示例代碼），這只不過是我的猜測而已。然而，這裏是我的想法：

語義UI操縱你的.modal元素從任何地方提取它，將它包裝在.modals元素中，並將該元素插入到頁面主體中。這發生在.modal('show')第一次被調用時，而不是之前。

隱藏模式後，.modals元素會收到一個新類hidden，它將隱藏黑色疊加層。我的假設是你已經覆蓋了這個.hidden類，或者它給元素的樣式。我會嘗試在Chrome的開發人員工具中查看CSS，並查看是否屬於這種情況。

Answer 2

我遇到的問題一次，我的解決辦法是用模式來隱藏手動調光器一起：

$('#addNewEpisodeModal').modal('hide').modal('hide dimmer');