2015-09-30 6 views
0

У меня есть уведомление с notifyjs плагином jQuery.notifyjs исчезает без эффекта скрытия

var notifyProps = {}; 
notifyProps.showAnimation = 'slideDown'; 
notifyProps.showDuration = 2500; 
notifyProps.hideAnimation = 'slideUp'; 
notifyProps.hideDuration = 2500; 
notifyProps.style = 'myStyle'; 
notifyProps.clickToHide = true; 
var insertId = ("myId"+ Math.random()).replace('0\.',''); //just an id 
$.notify({title: $('<div id="'+insertId+'"></div>').append(elem.element)},notifyProps); 

Уведомление отображается правильно с showAnimation из slideDown, но при нажатии, она просто исчезает, а не скользить вверх, или выведение если fadeOut установлен как hideAnimation.

Я использую addStyle определить myStyle так:

$notify.addStyle("myStyle", { 
    html: 
"<div>" + 
     "<div class='clearfix'>" + 
      "<div class='lb-close'></div>" + 
      "<div class='notify-title' data-notify-html='title'/>" + 
     "</div>" + 
"</div>", 
css: "-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);" 
}); 

отладки это, show() метода уведомления вызываются с false в качестве параметра, но, когда он достигает последнюю строку этой функции:

return elems[fn].apply(elems, args); 

Уведомление div просто исчезает сразу вместо перехода. Что еще я могу проверить?

ответ

0

Именно из-за этих линий, в Notification.prototype.show:

callback = function() { 
    if (!show && !_this.elem) { 
    _this.destroy(); 
    } 
    if (userCallback) { 
    return userCallback(); 
    } 
}; 

По какой-то причине, _this.elem всегда неопределенными, что я предполагаю, что в свою очередь разрушает элемент уведомления. Я просто прокомментирую, что проверка обратного вызова, и все кажется ОК.

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