Question

我收到了notifyjs jQuery插件的通知。

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会正确显示通知，但点击后，它会消失而不是向上滑动，或者如果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只是立即消失而不是过渡。我还能检查什么？

Answer 1

正是因为这些行，在Notification.prototype.show：

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

出于某种原因，_this.elem始终未定义，我猜这反过来会破坏通知元素。我只是评论退出回调，一切似乎都好。

notifyjs消失而没有隐藏效果

1 个答案: