2016-10-06 3 views
1

Я использую плагин notify.js для отображения уведомлений на своем веб-сайте.Уведомлять Js, отображающее уведомление внизу

https://notifyjs.com/ 

Согласно документации, в нем говорится, что по умолчанию уведомление будет отображаться в верхнем правом углу. Как-то уведомление отображается внизу. enter image description here

При прохождении кода в notify.js его добавление элемента div в конце тела. Поэтому я изменил его на preend, но уведомление по-прежнему отображается внизу.

anchor.css(css).addClass(pluginClassName + "-corner"); 
$("body").append(anchor); 

Любая причина, по которой это происходит? Любые указатели, где я должен отлаживать? код я использую для уведомления является:

$.notify("Name cannot be empty!","error"); 
+0

Ознакомьтесь с классами css контейнеров notify.js. Вы можете переписать свойство, подобное 'position: absolute;' to 'position: relative;' – fernandosavio

ответ

1

Насколько я мог видеть, когда плагин инстанциирован DOM элемент добавляется к телу:

<div class="notifyjs-corner" style="top: 0px; right: 0px;"></div> 

Все уведомления созданы внутри Элемент DOM.

Первоначальное определение для правила notifyjs-угол является:

.notifyjs-corner { 
    position: fixed; 
    margin: 5px; 
    z-index: 1050; 
} 

Вы должны проверить, если случайно, вы перезаписать правила CSS.

Попытайтесь найти и проверить этот элемент DOM.

1

Следующий подход переопределения настройки по умолчанию для страницы:

$.notify.defaults({globalPosition: 'top left'}) 

может помочь в этом случае.

Смежные вопросы