Merge pull request #37 from piccard21/develop

Develop

.npmignore

@@ -62,4 +62,4 @@ typings/
 *.sublime-project
 *.sublime-workspace
 .idea/
-.docs/
+docs

dist/app.js

@@ -532,20 +532,21 @@ function busyLoadSetup(settings) {
 }
 
 function busyLoad(action, options) {
-    var bl = new _classBusyLoad.BusyLoad(this, JSON.parse(JSON.stringify(_defaults2.default)), options);
 
-    switch (action) {
-        case "show":
-            bl.show();
-            break;
-        case "hide":
-            bl.hide();
-            break;
-        default:
-            throw 'don\'t know action \'' + action + '\'';
-    }
+    return this.each(function () {
+        var bl = new _classBusyLoad.BusyLoad($(this), JSON.parse(JSON.stringify(_defaults2.default)), options);
 
-    return this;
+        switch (action) {
+            case "show":
+                bl.show();
+                break;
+            case "hide":
+                bl.hide();
+                break;
+            default:
+                throw 'don\'t know action \'' + action + '\'';
+        }
+    });
 }
 
 function busyLoadFull(action, options) {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "busy-load",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A flexible jQuery loading-mask",
   "main": "src/index.js",
   "scripts": {

src/lib/busy-load.js

@@ -1,55 +1,56 @@
-import { BusyLoad } from './class.BusyLoad.js';
-import defaults  from './defaults.js';
+import {BusyLoad} from './class.BusyLoad.js';
+import defaults from './defaults.js';
 
 
-export function busyLoadSetup(settings) {  
+export function busyLoadSetup(settings) {
     $.extend(true, defaults, settings);
 }
 
 
-export function busyLoad(action, options) { 
-    let bl = new BusyLoad(this, JSON.parse(JSON.stringify(defaults)), options);
-
-    switch (action) {
-        case "show":
-            bl.show();
-            break;
-        case "hide":
-            bl.hide();
-            break;
-        default:
-            throw `don't know action '${action}'`
-    }
-
-    return this;
+export function busyLoad(action, options) {
+
+    return this.each(function () {
+        let bl = new BusyLoad($(this), JSON.parse(JSON.stringify(defaults)), options);
+
+        switch (action) {
+            case "show":
+                bl.show();
+                break;
+            case "hide":
+                bl.hide();
+                break;
+            default:
+                throw `don't know action '${action}'`
+        }
+    });
 }
 
 
-export function busyLoadFull(action, options) {  
-    
+export function busyLoadFull(action, options) {
+
     let $body = $('body');
     let bl = new BusyLoad($body, JSON.parse(JSON.stringify(defaults)), options);
 
- 
+
     switch (action.toLowerCase()) {
         case "show":
-            $body.addClass("no-scroll"); 
+            $body.addClass("no-scroll");
             bl.caller = $body;
             bl.extendSettings({
                 fullScreen: true
             });
             bl.show();
- 
+
             break;
-            
+
         case "hide":
             bl.hide();
-            $body.removeClass("no-scroll"); 
+            $body.removeClass("no-scroll");
             break;
     }
 
     return $body;
- 
+
 }
 
 

test/testrunner.html

@@ -5,7 +5,7 @@
             <link href="../node_modules/mocha/mocha.css" rel="stylesheet"/>
         </meta>
         <style type="text/css">
-            #maskme {
+            #maskme, .maskme {
                 display: block;
                 position: relative;
             }
@@ -16,6 +16,16 @@
         </div>
         <div id="maskme">
         </div>
+        <div>
+            <div class="maskme">
+            </div>
+            <div class="maskme">
+            </div>
+            <div class="maskme">
+            </div>
+            <div class="maskme">
+            </div>
+        </div>
         <script src="../node_modules/mocha/mocha.js">
         </script>
         <script src="../node_modules/chai/chai.js">