Spinner: added a timer to mousewheel interaction which fires a change event when...

Added a few missing options to test case.

diff --git a/tests/spinner.js b/tests/spinner.js
index 533034a955c2ca6fc65ee4a85eb0557a31119acd..507d2c897575bf3d9f3984a8c631815026d7abea 100644 (file)
--- a/tests/spinner.js
+++ b/tests/spinner.js
@@ -56,7 +56,7 @@ test("enable", function() {
 });
 
 test("defaults", function() {
-       expect(7);
+       expect(10);
        el = $("#spin").spinner();
 
        equals(el.data("currency.spinner"), false, "currency");
@@ -66,6 +66,9 @@ test("defaults", function() {
        equals(el.data("min.spinner"), undefined, "min");
        equals(el.data("start.spinner"), 0, "start");
        equals(el.data("stepping.spinner"), 1, "stepping");
+       equals(el.data("decimals.spinner"), 0, "decimals");
+       equals(el.data("format.spinner"), '%', "format");
+       equals(el.data("items.spinner"), false, "items");
 
 });
 
@@ -261,7 +264,6 @@ test("mouse click on buttons", function() {
 
        equals(el.val(), 0, "mouse double click to down");
 
-
 });
 
 test("callback", function() {

diff --git a/tests/visual/spinner.html b/tests/visual/spinner.html
index 438ce110e2b7ef81e3aa61d0669c6d584cf77990..18b8f46116795311438398f6a71422252ffa18d9 100644 (file)
--- a/tests/visual/spinner.html
+++ b/tests/visual/spinner.html
@@ -6,6 +6,7 @@
 <script type="text/javascript" src="../../jquery-1.2.6.js"></script>
 <script type="text/javascript" src="../../ui/ui.core.js"></script>
 <script type="text/javascript" src="../../ui/ui.spinner.js"></script>
+<script type="text/javascript" src="../../jquery.mousewheel.js"></script>
 
 
 <script type="text/javascript">

diff --git a/ui/ui.spinner.js b/ui/ui.spinner.js
index cbce210e840c6c84219309dd576af9c130fd7b75..8d81716d166f4eb2711058e386290118ec52017d 100644 (file)
--- a/ui/ui.spinner.js
+++ b/ui/ui.spinner.js
@@ -263,8 +263,14 @@ $.widget('ui.spinner', {
                        (/[0-9\-\.]/).test(String.fromCharCode(e.keyCode))) ? true : false;
        },
        _mousewheel: function(e, delta) {
+               var self = this;
                delta = ($.browser.opera ? -delta / Math.abs(delta) : delta);
-               (delta > 0 ? this._up(e) : this._down(e));
+               (delta > 0 ? self._up(e) : self._down(e));
+               if (self.timeout) {
+                       window.clearTimeout(self.timeout);
+                       self.timeout = 0;
+               }
+               self.timeout = window.setTimeout(function(){self._propagate('change', e)}, 500);
                e.preventDefault();
        },
        _getValue: function() {