Jquery Plugin template
by amindunited
HTML
<div id="group_01">
<ul>
<li>elm 01</li>
<li>elm 02</li>
<li>elm 03</li>
<li>elm 04</li>
</ul>
</div>
<div id="group_02">
<ul>
<li>elm 01</li>
<li>elm 02</li>
<li>elm 03</li>
<li>elm 04</li>
</ul>
</div>
JavaScript
(function( $ ){
var mypluginClass = function(el, options){
var methods = {
jump : function() {
console.log("jump");
}
}
}
$.fn.myplugin = function( method ) {
var created = false;
function setTrue(){
if (!created) {
console.log(created);
created = true;
} else {
console.log(created);
}
}
return setTrue;
};
$.fn.myplugin.defaults = {
magoo : "foo"
}
})( jQuery );
var moo = $("#group_01").myplugin();
console.log("first moo");
console.log(moo());
console.log("second moo");
console.log(moo());