Приглашение 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 ответ

Без всего прочего, я полагаю, что вы где-то пропустили оператор импорта. Concrete5 не содержит всего от PNotify. Например, я использовал модалы с Bootstrap, и мне пришлось включить ссылку на полный bootstrap.min.js. Загрузите минимизированный PNotify JS и попробуйте добавить в свой заголовок следующие операторы импорта (с правильным маршрутом, конечно):

<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, который они предлагают, но я не мог заставить его играть хорошо.

Другие вопросы по тегам