#jQuery CSS Fallback Plugin

Description

This plugin provides a fallback, for example, if you use a CDN for a CSS file. To use it, you need:

1. knowledge about the used CSS file,
2. knowledge about your page,
3. another (probably local) copy of the used CSS file.

The plugin checks if an existing element on the page has been successfully styled (selector, cssRule, cssValue). If not, the fallback CSS file will be attached to the head (cssFallback, probably local).

Usage

$.cssFallback({
    'selector':    '.classname',
    'cssRule':     'background-color',
    'cssValue':    'green',
    'cssFallback': 'url/to/fallback.css'
});

Returns true if the fallback was used, false, if not.

Weakpoint

One problem with this plugin is, that if it kicks in, the order of the CSS files is changed, which could harm the styling. As a work-around, you can read the return value and reload the css files which need to be loaded after the tested file.

Upcoming / Planned

• Parameters not using an object.
• Example.
• Tests.

Tested with

• IE 8
• IE 11
• Chrome 34
• FireFox 26

Author

Ludger A. Rinsche.

License

Released under MIT license.