JGrowl покрывает мои элементы после того, как он исчезает? - PullRequest
Новая
       40

JGrowl покрывает мои элементы после того, как он исчезает?

2 голосов
/ 03 мая 2011

Я использую jGrowl, чтобы показать сообщение на экране.Это выглядит здорово.Однако после того, как сообщение исчезло, div jGrowl все еще покрывает те элементы, которые находятся под ним, поэтому они не активируются!

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

div.jGrowl.center {
    height:             50%;
    top:                25%;
    width:              50%;
    left:               25%;
}

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

Я проверил с помощью «Проверять элемент» в Chrome, и, конечно же, это тот элемент, который покрывает другие элементы на моей странице: 

<div id="jGrowl" class="center jGrowl">
<div class="jGrowl-notification"></div>
</div>

ОБНОВЛЕНИЕ - Вот решение: 

$("#jGrowl").show();
$.jGrowl("my message", {
    beforeClose: function(e,m) {
        $("#jGrowl").hide();
    }
});

РАЗРАБОТКА - После попытки разных вещей, я считаю, что ниже это лучшее решение.Добавить настройку по умолчанию для этих событий при загрузке страницы: 

$(function () {
    $.jGrowl.defaults.beforeOpen = function(e,m) { $("#jGrowl").show(); };
    $.jGrowl.defaults.close = function(e,m) { $("#jGrowl").hide(); };
}

Ответы [ 2 ]

0 голосов
/ 03 мая 2011

В моем браузере Chrome 12.0.742.16 отсутствует div, охватывающий все после того, как он исчезает. Скорее всего, вы делаете что-то не так, но без теста я не могу сказать, что.

0 голосов
/ 03 мая 2011

Я не знаком с jGrowl, но не могли бы вы проверить, запускается ли событие "close"?

jGrowl имеет возможность «закрыть» окно справа, с «Х» в углу? Если вы реализуете это и нажимаете «x» - можете ли вы затем щелкнуть на предметах, которые были покрыты?

...