Question

我使用语义UI（http://semantic-ui.com/）作为前端CSS库和AngularJS。在我的应用程序中，我使用模态来管理数据输入和视图。这是一个问题。我使用以下命令打开和关闭模态。

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

但有时当我关闭模态时，它没有正确关闭。模态对话框关闭，但黑色调光器（背景）没有关闭。我会告诉你它是如何工作的。当我打开它时，这是我的模态。

当我关闭那个模态时，这就是视图。暗淡的背景并未关闭。谁能告诉我这里的问题是什么？

我必须刷新页面才能让它再次运行。这是什么原因？

Answer 1

我曾遇到过这个问题，我的解决方案是手动将调光器与模态一起隐藏：

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

Answer 2

我还无法评论，所以如果没有您的更多说明（例如示例代码），这只不过是我的猜测。但是，这是我的想法：

语义UI通过从.modal元素中提取元素，将其包装在.modals元素中，然后将该元素插入到页面主体中来操纵.modal('show')元素。首次调用.modals时会发生这种情况，而不是之前。

隐藏模态后，hidden元素会收到一个新的-类，它会隐藏黑色叠加层。我的假设是你已经覆盖了这个.hidden类，或者它给元素赋予的样式。我会尝试在Chrome的开发者工具中查看CSS，看看是否是这种情况。