update

Author: kaptinlin

.gitignore

@@ -1 +1,2 @@
 /node_modules/
+/bower_components/

.jshintrc

@@ -1,15 +1,11 @@
 {
-  "curly": true,
+  "curly" : true,
   "eqeqeq": true,
-  "immed": true,
-  "latedef": true,
   "newcap": true,
-  "noarg": true,
-  "sub": true,
-  "undef": true,
-  "unused": true,
-  "boss": true,
-  "eqnull": true,
-  "node": true,
-  "es5": true
-}
+  "noarg" : true,
+  "node"  : true,
+  "nonbsp": true,
+  "strict": true,
+  "undef" : true,
+  "unused": true
+}

Gruntfile.js

@@ -11,13 +11,23 @@ module.exports = function(grunt) {
         clean: {
             files: ['dist']
         },
+        copy: {
+            js: {
+                files: [{
+                    "expand": true,
+                    "cwd": "bower_components/jquery-mousewheel/",
+                    "src": ["*.js"],
+                    "dest": "demo/js/"
+                }]
+            }
+        },
         concat: {
             options: {
                 banner: '<%= banner %>',
                 stripBanners: true
             },
             dist: {
-                src: ['src/<%= pkg.name %>.js', 'src/jquery-asSpinner-mousewheel.js'],
+                src: ['src/<%= pkg.name %>.js'],
                 dest: 'dist/<%= pkg.name %>.js'
             },
         },
@@ -30,7 +40,6 @@ module.exports = function(grunt) {
                 dest: 'dist/<%= pkg.name %>.min.js'
             },
         },
-
         jshint: {
             gruntfile: {
                 options: {
@@ -43,13 +52,7 @@ module.exports = function(grunt) {
                     jshintrc: 'src/.jshintrc'
                 },
                 src: ['src/**/*.js']
-            },
-            test: {
-                options: {
-                    jshintrc: 'test/.jshintrc'
-                },
-                src: ['test/**/*.js']
-            },
+            }
         },
         watch: {
             gruntfile: {
@@ -58,12 +61,8 @@ module.exports = function(grunt) {
             },
             src: {
                 files: '<%= jshint.src.src %>',
-                tasks: ['jshint:src', 'qunit']
-            },
-            test: {
-                files: '<%= jshint.test.src %>',
-                tasks: ['jshint:test', 'qunit']
-            },
+                tasks: ['jshint:src']
+            }
         },
 
         jsbeautifier: {
@@ -114,16 +113,10 @@ module.exports = function(grunt) {
         }
     });
 
-    // These plugins provide necessary tasks.
-    grunt.loadNpmTasks('grunt-contrib-clean');
-    grunt.loadNpmTasks('grunt-contrib-concat');
-    grunt.loadNpmTasks('grunt-contrib-uglify');
-    grunt.loadNpmTasks('grunt-contrib-jshint');
-    grunt.loadNpmTasks('grunt-contrib-watch');
-
-    grunt.loadNpmTasks('grunt-jsbeautifier');
-    grunt.loadNpmTasks('grunt-recess');
-    grunt.loadNpmTasks('grunt-text-replace');
+    // Load npm plugins to provide necessary tasks.
+    require('load-grunt-tasks')(grunt, {
+        pattern: ['grunt-*']
+    });
 
     // Default task.
     grunt.registerTask('default', ['jshint', 'clean', 'concat', 'uglify']);
@@ -137,4 +130,4 @@ module.exports = function(grunt) {
         'replace:bower',
         'replace:jquery'
     ]);
-};
+};

README.md

@@ -48,7 +48,7 @@ $('.custom').asSpinner({
 });
 ```
 
-
+Mouse Whell function depends on https://github.com/brandonaaron/jquery-mousewheel
 
 ## Settings
 
@@ -60,9 +60,6 @@ $('.custom').asSpinner({
     //Optional property, set transition effect, it works after you load specified skin file
     skin: 'simple',
 
-    //Optional property,set the asSpinner's start value  when asSpinner initilize
-    value: 0,
-
     //Optional property, set the minimum value of asSpinner
     min: 0,
 
@@ -91,11 +88,11 @@ $('.custom').asSpinner("set");
 // get element's value
 $('.custom').asSpinner("get");
 
-// element's value become prevous
-$('.custom').asSpinner("prev");
+// element's value become spinDownous
+$('.custom').asSpinner("spinDown");
 
-// element's value become next
-$('.custom').asSpinner("next");
+// element's value become spinUp
+$('.custom').asSpinner("spinUp");
 
 // judge value whether a number
 $('.custom').asSpinner("isNumber");

bower.json

@@ -1,15 +1,15 @@
 {
-    "name": "jquery-asSpinner",
-    "version": "0.1.1",
-    "main": "dist/jquery-asSpinner.js",
-    "ignore": [
-        "**/.*",
-        "node_modules",
-        "bower_components",
-        "test",
-        "tests"
-    ],
-    "dependencies": {
-        "jquery": ">=1.8.3"
-    }
-}
+  "name": "jquery-asSpinner",
+  "version": "0.2.0",
+  "main": "dist/jquery-asSpinner.js",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "dependencies": {
+    "jquery": ">=1.8.3"
+  }
+}

demo/css/asSpinner.css

@@ -1,37 +1,30 @@
-.asSpinner-wrap {
+.asSpinner {
   position: relative;
   display: inline-block;
   -webkit-user-select: none;
-  /* Chrome all / Safari all */
-
      -moz-user-select: none;
-  /* Firefox all */
-
       -ms-user-select: none;
-  /* IE 10+ */
-
 }
 
-.asSpinner-wrap .asSpinner {
+.asSpinner input {
   width: 100px;
   height: 20px;
   background-color: #fff;
 }
 
-.asSpinner-wrap .asSpinner-control .asSpinner-prev {
+.asSpinner-down, .asSpinner-up {
   position: absolute;
   top: 0;
-  left: -20px;
+  
   width: 20px;
   height: 20px;
   background-color: red;
 }
 
-.asSpinner-wrap .asSpinner-control .asSpinner-next {
-  position: absolute;
-  top: 0;
+.asSpinner-down {
+  left: -20px;
+}
+
+.asSpinner-up {
   right: -20px;
-  width: 20px;
-  height: 20px;
-  background-color: red;
 }

demo/css/spinner.css

@@ -21,7 +21,9 @@
         <script src="js/vendor/jquery.toc.js"></script>
         <script src="js/vendor/prism.js"></script>
         <script src="js/vendor/bootstrap.js"></script>
-        <script src="../dist/jquery-asSpinner.js"></script>
+
+        <script src="js/jquery.mousewheel.js"></script>
+        <script src="../src/jquery-asSpinner.js"></script>
         <style type="text/css">
             #paginator-content {
                 height: 100px;
@@ -74,7 +76,7 @@ <h4>Default</h4>
 $(".custom").asSpinner();
             </code></pre>
             <div class="example">
-                <input type="text" class="custom" value="0"/>
+                <input type="text" class="custom" value="0" disabled />
                 <script>                   
                     $(document).ready(function() {
                             $('.custom').asSpinner();