src/jquery.nstSlider.js
function (leftPx, rightPx) {
            var $this = this;
            var settings = $this.data('settings');

            var left_grip_selector = settings.left_grip_selector,
                right_grip_selector = settings.right_grip_selector,
                value_bar_selector = settings.value_bar_selector;

            var handleWidth = $this.data('left_grip_width');

            // The left grip
            $this.find(left_grip_selector).css('left', leftPx + 'px');

            // The right grip
            $this.find(right_grip_selector).css('left', rightPx + 'px');

            // The value bar
            if ($this.data('has_right_grip')) {
                // If both the grips are there, the value bar must stick to
                // beginning and the end of the grips. 
                $this.find(value_bar_selector)
                    .css('left', leftPx + 'px')
                    .css('width', (rightPx - leftPx + handleWidth) + 'px');
            }
            else {
                if (!_naked_bar_deltas) {
                    _methods.populateNakedBarDeltas.call($this, leftPx, rightPx, handleWidth);
                }

                if (rightPx > leftPx) {
                    // The naked end of the bar is on the right of the grip
                    $this.find(value_bar_selector)
                        .css('left', leftPx + 'px')
                        .css('width', rightPx - leftPx + _naked_bar_deltas.toEndWidth + 'px');
                }
                else {
                    // The naked end of the bar is on the left of the grip
                    // NOTE: leftPx and rightPx are to be read swapped here.
                    $this.find(value_bar_selector)
                        .css('left', rightPx + _naked_bar_deltas.toBeginLeft + 'px')
                        .css('width', (leftPx - rightPx + _naked_bar_deltas.toBeginWidth) + 'px');
                }
            }

            return $this;
            
        }
function (leftPx, rightPx) {
            var $this = this;
            var settings = $this.data('settings');

            var left_grip_selector = settings.left_grip_selector,
                right_grip_selector = settings.right_grip_selector,
                value_bar_selector = settings.value_bar_selector;

            var handleWidth = $this.data('left_grip_width');

            // The left grip
            $this.find(left_grip_selector).css('left', leftPx + 'px');

            // The right grip
            $this.find(right_grip_selector).css('left', rightPx + 'px');

            // The value bar
            if ($this.data('has_right_grip')) {
                // If both the grips are there, the value bar must stick to
                // beginning and the end of the grips. 
                $this.find(value_bar_selector)
                    .css('left', leftPx + 'px')
                    .css('width', (rightPx - leftPx + handleWidth) + 'px');
            }
            else {
                if (!_naked_bar_deltas) {
                    _methods.populateNakedBarDeltas.call($this, leftPx, rightPx, handleWidth);
                }

                if (rightPx > leftPx) {
                    // The naked end of the bar is on the right of the grip
                    $this.find(value_bar_selector)
                        .css('left', leftPx + 'px')
                        .css('width', rightPx - leftPx + _naked_bar_deltas.toEndWidth + 'px');
                }
                else {
                    // The naked end of the bar is on the left of the grip
                    // NOTE: leftPx and rightPx are to be read swapped here.
                    $this.find(value_bar_selector)
                        .css('left', rightPx + _naked_bar_deltas.toBeginLeft + 'px')
                        .css('width', (leftPx - rightPx + _naked_bar_deltas.toBeginWidth) + 'px');
                }
            }

            return $this;
            
        }
function ( leftPx , rightPx ) { var $this = this ; var settings = $this . data ( 'settings' ) ; var left_grip_selector = settings . left_grip_selector , right_grip_selector = settings . right_grip_selector , value_bar_selector = settings . value_bar_selector ; var handleWidth = $this . data ( 'left_grip_width' ) ; // The left grip $this . find ( left_grip_selector ) . css ( 'left' , leftPx + 'px' ) ; // The right grip $this . find ( right_grip_selector ) . css ( 'left' , rightPx + 'px' ) ; // The value bar if ( $this . data ( 'has_right_grip' ) ) { // If both the grips are there, the value bar must stick to // beginning and the end of the grips.  $this . find ( value_bar_selector ) . css ( 'left' , leftPx + 'px' ) . css ( 'width' , ( rightPx - leftPx + handleWidth ) + 'px' ) ; } else { if ( ! _naked_bar_deltas ) { _methods . populateNakedBarDeltas . call ( $this , leftPx , rightPx , handleWidth ) ; } if ( rightPx > leftPx ) { // The naked end of the bar is on the right of the grip $this . find ( value_bar_selector ) . css ( 'left' , leftPx + 'px' ) . css ( 'width' , rightPx - leftPx + _naked_bar_deltas . toEndWidth + 'px' ) ; } else { // The naked end of the bar is on the left of the grip // NOTE: leftPx and rightPx are to be read swapped here. $this . find ( value_bar_selector ) . css ( 'left' , rightPx + _naked_bar_deltas . toBeginLeft + 'px' ) . css ( 'width' , ( leftPx - rightPx + _naked_bar_deltas . toBeginWidth ) + 'px' ) ; } } return $this ; }
/*
Updates the CSS of grips and bar so that the left grip appears at
leftPx and the right grip appears at rightPx. Note: leftPx can be >
rightPx.
/ * Updates the CSS of grips and bar so that the left grip appears at leftPx and the right grip appears at rightPx . Note : leftPx can be > rightPx .