JSFiddle - React, Tailwind, and code Playground
by noahua
HTML
<link rel="stylesheet" href="http://seajs.github.io/examples/static/hello/src/style.css">
<div id="container">
<img src="https://i.alipayobjects.com/e/201211/1cqKb32QfE.png" width="44" height="44" alt="H">
<img src="https://i.alipayobjects.com/e/201211/1cqKb2rJHI.png" width="44" height="44" alt="e">
<img src="https://i.alipayobjects.com/e/201211/1cqKeZrUpg.png" width="44" height="44" alt="l">
<img src="https://i.alipayobjects.com/e/201211/1cqM4u3Ejk.png" width="44" height="44" alt="l">
<img src="https://i.alipayobjects.com/e/201211/1cqKoKV2Sa.png" width="44" height="44" alt="o">
<img src="https://i.alipayobjects.com/e/201211/1cqKb4JU4K.png" width="44" height="44" alt=",">
<img src="https://i.alipayobjects.com/e/201211/1cqKojFDLY.png" width="44" height="44" alt="S">
<img src="https://i.alipayobjects.com/e/201211/1cqKb2sBO8.png" width="44" height="44" alt="e">
<img src="https://i.alipayobjects.com/e/201211/1cqKb2LmXk.png" width="44" height="44" alt="a">
<img src="https://i.alipayobjects.com/e/201211/1cqKb1jcWC.png" width="44" height="44" alt="J">
<img src="https://i.alipayobjects.com/e/201211/1cqKojb72y.png" width="44" height="44" alt="S">
</div>
<script src="http://seajs.github.io/examples/sea-modules/seajs/seajs/2.1.0/sea.js"></script>
<script>
define("examples/hello/1.0.0/main", [ "./spinning-debug", "jquery" ], function(require) {
console.log('xxxx')
var Spinning = require("./spinning-debug");
var s = new Spinning("#container");
s.render();
});
define("examples/hello/1.0.0/spinning-debug", [ "jquery" ], function(require, exports, module) {
var $ = require("jquery");
function Spinning(container) {
this.container = $(container);
this.icons = this.container.children();
this.spinnings = [];
}
module.exports = Spinning;
Spinning.prototype.render = function() {
this._init();
this.container.css("background", "none");
this.icons.show();
...