jquery - 如何更改 pnotify Jquery 插件的默认宽度？

Question

我正在使用这个 pnotify 插件在我的网站上显示工具提示通知。工具提示的默认宽度为 300 像素，但在 iphone 上显示不正确。那么我怎样才能改变它的宽度呢？如果我检查 element ，我发现这width:300px是一个内联样式属性。我进入jquery.pnotify.min.js文件并删除了该属性，并在文件中width:300px添加了我自己的自定义宽度。但是宽度仍然没有改变。pnotify.css.ui-notify

有任何想法吗 ？

插件链接：

http://pinesframework.org/pnotify/

Answer 1

我意识到这个问题已经过时并且已经有一个可以接受的答案 - 但是有更好的方法来设置 pnotify 弹出窗口的“默认宽度”，而无需使用带有!important标志的 css 来覆盖实际的默认值。Javascript：

PNotify.prototype.options.width = "500px";

Answer 2

尝试添加!important到您的规则中。这肯定会覆盖它。

例子：

.ui-notify {
    width: 100px !important;
}

Answer 3

现在（2014 年 12 月），根据消息来源，您拥有以下width属性：

var notice = new PNotify({
  ...,
  // Width of the notice.
  width: "300px",
  ...,
});

如果您只想设置宽度，这将是最好的。

Answer 4

您还可以在通知中添加一个类并执行以下操作：

 var notice = new PNotify({
  ...,
  addclass: 'custom-notif',
  ...,
});

然后用css：

.custom-notif {
    top: 5% !important;
    left: 5% !important;
    width: 90% !important;
}

这将允许您创建一堆不同的通知（显示在顶部，显示在底部等），而覆盖.ui-notify的样式不会。