Javascript 带有所需CSS的Jquery插件

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

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

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

$("ul").myView();

你好
你好

$（“ul”）.myView（）；

---

我很少看到插件添加大量css。我的插件需要某些css类才能工作，所以我应该将它们存储在哪里？插件与样式表一起提供是常见的吗

插件通常带有一组预定义的CSS。但在我看来，在加载任何javascript之前，应该由插件用户自己手动将样式表添加到

标记中。

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

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

---

对最终用户来说，自动配置一切都很好，但大多数开发人员都需要更高程度的控制。

是的。这很常见。看看jQueryUI。只需让用户将插件的css文件与js文件一起添加即可。