JQuery插件與所需的CSS

我寫了一個JQuery插件。該插件將自定義視圖添加到列表中（類似於JQuery Mobiles .listview（））。JQuery插件與所需的CSS

想法是我可以創建一個通用的無序列表，然後應用我的插件添加行爲和樣式之後。

<ul data-role="none"> 
     <li>Hello</li> 
     <li>Hello</li> 
    </ul> 

$("ul").myView();

我沒有看到太多是插件添加大塊的CSS。我的插件需要某些css類可用，所以我在哪裏存儲它們？插件與樣式表一起使用很常見嗎？

2012-08-08 JonWells

是的。這很常見。只要看看jQuery UI。只需要用戶添加插件的CSS文件以及js文件。 – PitaJ 2012-08-08 14:49:17

插件帶有一組預定義的CSS是很常見的。但IMO應該由插件用戶在加載任何JavaScript之前手動將樣式表添加到<head>標記中。

2012-08-08 14:51:07

正如彼得所說，這些插件通常包含與他們打包的CSS，但用戶需要手動鏈接它。有幾個方面的原因：

用戶可以保持JS和CSS文件在不尋常的地方，因此需要用戶干預來點包括正常
CSS是加載順序相關的，所以自動插入它可能會覆蓋用戶CSS規則或阻止用戶覆蓋插件CSS而無需編輯源文件
許多jQuery插件，尤其是那些影響表單元素和滾動的插件，需要在JavaScript關閉時正常降級。如果CSS是通過JavaScript添加的，插件作者根本無法控制降級。

自動配置所有內容對最終用戶來說都很好，但大多數開發人員需要更高級別的控制。

2012-08-08 14:57:01

回答