javascript - 带有 SharePoint 的 toastr js

Question

我正在尝试在 SharePoint 2013 中使用 toastr js 来显示通知。在我在 toastr 选项中添加 closebutton:true 之前，一切看起来都很棒。尽管标题、消息和关闭按钮的对齐方式被扭曲，但会出现关闭按钮。知道实施有什么问题吗？

带关闭按钮

没有关闭按钮

Answer 1

这可能是 CSS 问题。我的猜测是您网站上的某些样式干扰了 toastr 中的样式。您应该能够通过检查 Chrome 开发工具（或您使用的任何浏览器工具）中的样式来检查 CSS，找到导致问题的样式（打开和关闭它们以提供帮助），然后创建一种新的风格来解决这个问题。

Answer 2

它发生在 SharePoint ( core15.css) 声明min-width以下属性时button：

input[type=button], input[type=reset], input[type=submit], button {
   min-width: 6em;
}

解决方案

CSS：

button.toast-close-button {
  min-width: 0;
}

jQuery：

$('button.toast-close-button').css('min-width',0);

结果