在没有文本输入和按钮的情况下弹出Concrete5 PNotify提示

时间:2018-06-07 11:54:01

标签: javascript jquery concrete5 pnotify

我已从网站上复制了确切的PNotify提示代码:(https://sciactive.com/pnotify/):

$("#show-pnotify").on('click', function() {
    var x = new PNotify({
        title: 'Password Required',
        text: 'Enter Password',
        icon: 'glyphicon glyphicon-lock',
        styling: 'bootstrap3',
        hide: true,
        addclass: 'stack-modal',
        confirm: {
            prompt: true
        },
        buttons: {
            closer: false,
            sticker: false
        },
        history: {
            history: false
        }
    })
});

它适用于他们的网站,它在Fiddle(http://jsfiddle.net/gusLfnux/2/)中有效,但它在我的Concrete5网站上没有正确显示 - 它显示带有标题和文字的提示,但没有文字输入和没有按钮显示。这是为什么?它适用于其他任何地方。

1 个答案:

答案 0 :(得分:0)

没有很多其他事情要做,我最好的猜测是您在某处缺少了一个导入语句。 Concrete5不包含PNotify中的所有。例如,我在Bootstrap中使用了模态,并且必须包含指向完整bootstrap.min.js的链接。下载minified PNotify JS,然后尝试将以下import语句添加到标题中(当然,使用正确的路由):

<script type="text/javascript" src="pnotify.custom.min.js"></script>
<link href="pnotify.custom.min.css" media="all" rel="stylesheet" type="text/css" />

查看标题,看看是否可以解决。

Concrete5借用了一堆不同的元素,而不是借用一堆的所有元素。他们提供了ConcreteAlert,但我无法发挥出色。