async-gist v1.0.1
async-gist
Gist embeds like this one:
<script src="https://gist.github.com/matthewspencer/005044062dd93fbe59ce.js"></script>
Use document.write()
which is totally uncool if you are doing stuff like history.pushState()
.
This plugin provides an alternative way to embed gists.
Usage
In your JavaScript you’ll want:
$('[data-gist]').gist()
Which maps to the corresponding markup:
<div data-gist="005044062dd93fbe59ce"></div>
Or if you want to embed a specific file from a gist:
<div data-gist="005044062dd93fbe59ce" data-file="access_to_tools-sh"></div>
Installation
This library can be install with npm, bower, or just by downloading the zip. It is written in the UMD pattern to support AMD, CommonJS, and global usage.
npm
npm install async-gist --save
bower
bower install async-gist --save
Options
A few options can be passed, for example, here we make the timeout 2 seconds:
$('[data-gist]').gist({
timeout: 2000
})
timeout
Default: 1000
Description: How long to wait for the jsonp
.
success
Default: onAjaxSuccess
Description: It is best to leave this alone and let the internal function do the need. It’ll load the needed stylesheet and gist content.
error
Default: onAjaxError
Description: It is also best to leave this alone. It’ll display a link to the gist on failure to load.