为我的新 JQuery 插件提供外部样式表的最佳方式?需要策略

Posted

技术标签:

【中文标题】为我的新 JQuery 插件提供外部样式表的最佳方式?需要策略【英文标题】:Best way to ship external stylesheet for my new JQuery Plugin? Strategy needed 【发布时间】:2010-09-28 00:25:54 【问题描述】:

我已经编写了我的第一个 JQuery 插件,其中一个依赖项是外部 css 样式表。您认为将其包含在可分发文件中是一种可接受的策略,还是应该将样式信息嵌入插件本身?我应该在发货时完全没有样式信息吗?如果没有样式表,插件的视觉元素就毫无意义,我希望用户也可以明显地调整外观。只是不确定最好的方法是什么。

【问题讨论】:

【参考方案1】:

UI 无疑是最重要的插件之一,它的发行版中确实包含 css 文件。这是分布的样子:

jquery.js
licence.txt
readme.txt
ui\*.js
themes\*.css
tests\
demos\

我想你可以使用类似的结构。请注意,如果没有样式表,某些小部件将无法工作。文档清楚地提到了 css 中的哪些元素是强制性的。

【讨论】:

【参考方案2】:

我会将外部 css 包含在插件分发​​中。用 js 嵌入样式使其对 imo 的吸引力大大降低。 大多数优秀的插件都是这样做的。

【讨论】:

【参考方案3】:

理想情况下,功能元素和表示元素应该分开,换句话说,插件应该在没有应该是可选的 css 文件的情况下工作。

但我们并不是生活在一个完美的世界中,考虑到可能大多数时候 CSS 将被定制,将 CSS 包含在插件分发​​中是完全可以接受的。

您应该将 css 保持在最低限度,并最终添加更多、更详细的 css 示例。

【讨论】:

以上是关于为我的新 JQuery 插件提供外部样式表的最佳方式?需要策略的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Django admin 中向第三方外部 jQuery 插件提供 $

vue使用一些外部插件及样式的配置

在 TypeScript 中使用 jQuery 插件

引入外部样式表的方法lLink和@import

Android片段和依赖注入

这个jQuery插件提供了一种简单易用的机制来控制现代浏览器的新全屏模式