带有必需CSS的Jquery插件

时间:2012-08-08 14:46:26

标签: javascript jquery css jquery-plugins

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

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

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

$("ul").myView();

我没有看到太多插件添加了大块的CSS。我的插件需要某些css类可以工作,所以我在哪里存储它们?插件是否常见于样式表?

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

正如彼得所说,这种插件通常包含CSS,但是用户可以手动链接。这有几个原因:

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

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