Семантический UI Модальный диалог не закрывается должным образом

Question

Я использую Semantic UI (http://semantic-ui.com/) в качестве библиотеки CSS переднего плана, а также AngularJS. В моем приложении я использовал модалы для управления вводом и представлением данных. Есть проблема. Я открываю и закрываю модалы, используя следующие команды.

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

Но иногда, когда я закрываю модальный, он не закрывается должным образом. Модальный диалог закрывается, но есть черный диммер (фон), который не закрывается. И я покажу вам, как он работает. Это мой модальный, когда я его открываю.

И это мнение, когда я закрываю эту модальность. Тусклый фон не закрывается. Может ли кто-нибудь сказать мне, в чем проблема?

я должен обновить страницу, чтобы сделать его работать снова. В чем причина этого?

Answer 1

Я еще не могу прокомментировать, поэтому без дополнительных разъяснений от вас (например, пример кода) это не более чем догадка с моей стороны. Тем не менее, вот мои мысли:

Семантический пользовательский интерфейс манипулирует вашим элементом .modal, извлекая его из любого места, где он у вас был, обертывая его в элемент .modals и вставляя этот элемент в тело вашей страницы. Это происходит, когда сначала вызывается .modal('show'), а не раньше.

Как только ваш модальный объект скрыт, элемент .modals получает новый класс hidden, который скроет черный накладной. Мое предположение состоит в том, что вы перезаписали этот .hidden класс или стили, которые он предоставляет элементу. Я попытался бы взглянуть на CSS в инструментах разработчика Chrome и посмотреть, так ли это.

Answer 2

я столкнулся с этой проблемой раз и мое решение было скрыть диммер вручную вместе с модальными:

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