语义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');