如何更改pnotify jquery插件的默認寬度？

我正在使用此pnotify插件在我的網站上顯示工具提示通知。工具提示的默認寬度爲300像素，但在iPhone上無法正常顯示。那麼我怎樣才能改變它的寬度？如果我檢查元素，我發現width:300px是內聯樣式屬性。我進入jquery.pnotify.min.js文件並刪除了width:300px屬性，並在pnotify.css文件中爲.ui-notify添加了我自己的自定義寬度。但寬度仍然不變。如何更改pnotify jquery插件的默認寬度？

任何想法？

插件鏈接：

http://pinesframework.org/pnotify/

來源

2013-09-16 Faizan

嘗試添加!important到您的規則。這肯定會覆蓋它。

例子：

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

來源

2013-09-16 14:19:41 keaukraine

阿含它很酷...它的工作原理， – Faizan

其實我有兩個不同的CSS文件，一個是我的PC主網站，另一個用於移動作爲mobile.css。我已經將這個小鬼移動CSS的財產，但它也影響主要網站。我想要的是在主站點上具有300px的寬度，但在移動站點上它應該是245px;我該怎麼做？ – Faizan

在手機CSS中，你應該用'！media'部分的'！important'和更具體的CSS選擇器來覆蓋它，比如'a.ui-notify'（或者任何'.ui-notify'標籤）。它只能用於這種移動方式。你能提供兩種CSS的摘錄嗎？（w /'@ media'）。你可以在這裏閱讀關於CSS規則的特定性：http://css-tricks.com/specifics-on-css-specificity/ – keaukraine

您還可以添加一個類的通知，做這樣的事情：

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

然後用CSS：

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

這將使你可以創建一堆不同的通知（頂部顯示，底部顯示等），其中重寫.ui-notify的風格不會。

來源

2014-07-22 17:31:01

現在（2014年12月），根據sources，你有width屬性是：

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

如果你希望只設置寬度這將是最好的。

來源

2014-12-04 20:08:48

我意識到這個問題是舊的，已經有一個公認的答案 - 但有一個更好的方式來設置彈出窗口pnotify的「默認寬度」，而不訴諸與!important標誌CSS覆蓋的實際默認值。使用Javascript：

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

來源

2015-02-08 22:12:29

如何更改pnotify jquery插件的默認寬度？

回答

相關問題