jquery - jGrowl 淡出后会覆盖我的元素吗？

Question

我正在使用 jGrowl 在屏幕上显示一条消息。看起来不错。但是，消息淡出后，jGrowl div 仍然覆盖其下方的那些元素，因此它们不可点击!

这在我的例子中尤为明显，因为我编辑了样式以确保消息显示在屏幕的中央。

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(); };
}

Answer 1

我不熟悉 jGrowl，但是您可以检查一下以确保“关闭”事件正在触发吗？

jGrowl 具有右侧“关闭”窗口的功能，并且角落里有一个“X”？如果您实现该操作并单击“x” - 您是否能够单击所涵盖的项目？