具有模态面板的Bootstrap-notify通知显示在禁用模糊区域下方

时间:2016-02-03 12:30:09

标签: jquery twitter-bootstrap-3 bootstrap-growl bootstrap-notify

我有一个用于登录/注册操作的模式面板,如果使用 bootstarp-notify 登录失败,我会通知,但通知出现在模态的模糊(禁用区域)之外面板。我想知道如何将我的通知附加到我的模态面板或(这对我来说是一个更好的解决方案)如何在前台显示通知而不是在模糊禁用屏幕下。我检查了 bootstarp-notify 文档中的“元素”参数,但我无法找到应该如何使用它。我应该使用jquery选择器指出元素或只是id或name。

2 个答案:

答案 0 :(得分:8)

只需为z_index设置提供更高的值。

例如,请尝试以下代码:

$.notify({
    // options
    message: 'Error message goes here' 
},{
    // settings
    type: 'danger',
    z_index: 2000,
});

答案 1 :(得分:6)

似乎z_index属性做了魔术。如果我们将它增加到更高的值,如2000或3000(默认值为1031),通知将移至前台(模态面板上方禁用区域)。我仍然不知道这些数字是什么以及它们来自哪里。