javascript - 带有所需 CSS 的 Jquery 插件

Question

我写了一个 JQuery 插件。该插件将自定义视图添加到列表中（类似于 JQuery Mobiles .listview()）。

这个想法是我可以创建一个通用的无序列表，然后应用我的插件来添加行为和样式。

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

$("ul").myView();

我没有看到太多是添加大块 css 的插件。我的插件需要某些 css 类才能工作，那么我将它们存储在哪里？插件通常带有样式表吗？

score 1 · Accepted Answer

插件通常带有一组预定义的 CSS。但是 IMO 应该由插件用户<head>在加载任何 javascript 之前自行手动将样式表添加到标签中。

score 0 · Accepted Answer

正如 Peter 所说，此类插件通常会将 CSS 与它们打包在一起，但用户需要手动链接它。这有几个原因：

用户可能将 JS 和 CSS 文件保存在不寻常的位置，需要用户干预才能正确指向包含
CSS 依赖于加载顺序，因此自动插入它可能会覆盖用户 CSS 规则或阻止用户在不编辑源文件的情况下覆盖插件 CSS
许多 jQuery 插件，尤其是那些影响表单元素和滚动的插件，需要在关闭 JavaScript 时优雅地降级。如果 CSS 是通过 JavaScript 添加的，插件作者根本无法控制降级。

自动配置一切对最终用户来说非常有用，但大多数开发人员需要增强控制程度。

2 回答 2