Clicking on the slider puts Dragon into dragging mode.

jeremyckahn · Jun 3, 2012 · 53981de · 53981de
1 parent 5182f8a
commit 53981de
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/src/jquery.dragon-slider.js b/src/jquery.dragon-slider.js
@@ -137,6 +137,7 @@
       var $handle = $el.find('.dragon-slider-handle');
       var offset = ev.offsetX - ($handle.outerWidth() / 2);
       $el.dragonSliderSet(offset / getInnerSliderWidth($el, $handle));
+      $handle.trigger('mousedown', ev.pageX, ev.pageDown);
     }
   }
 

diff --git a/src/jquery.dragon.js b/src/jquery.dragon.js
@@ -76,9 +76,15 @@
   }
 
 
-  function onMouseDown (evt) {
+  /**
+   * @param {Object} evt
+   * @param {number=} opt_pageX Can be used if evt.pageX is falsy (if the event
+   *     was synthesized)
+   * @param {number=} opt_pageY Can be used if evt.pageY is falsy (if the event
+   *     was synthesized)
+   */
+  function onMouseDown (evt, opt_pageX, opt_pageY) {
     var data = this.data('dragon');
-    var wasAlreadyDragging = data.isDragging;
     var onMouseUpInstance = $.proxy(onMouseUp, this);
     var onMouseMoveInstance = $.proxy(onMouseMove, this);
     var initialPosition = this.position();
@@ -88,8 +94,11 @@
       ,'isDragging': true
       ,'left': initialPosition.left
       ,'top': initialPosition.top
-      ,'grabPointX': initialPosition.left - evt.pageX
-      ,'grabPointY': initialPosition.top - evt.pageY
+      // The +!! ensures a valid number
+      ,'grabPointX': initialPosition.left -
+         (typeof evt.pageX === 'number' ? evt.pageX : opt_pageX)
+      ,'grabPointY': initialPosition.top -
+         (typeof evt.pageY === 'number' ? evt.pageY : opt_pageY)
     });
 
     $doc