具有所需 CSS 的 Jquery 插件

Jquery Plugin with required CSS

本文关键字：Jquery 插件 CSS      更新时间：2023-09-26

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

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

    <ul data-role="none">
        <li>Hello</li>
        <li>Hello</li>
    </ul>
$("ul").myView();

我没怎么看到的是插件添加大块的 css。 我的插件需要某些 css 类才能工作，那么我在哪里存储它们？ 插件附带样式表是否常见？

插件

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

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

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

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

相关文章：