').appendTo(base);
// Add all default and option-specific classes to the
// origins and handles.
handle.addClass(cls.origin[i].join(" "));
handle.children().addClass(cls.handle[i].join(" "));
// These events are only bound to the visual handle element,
// not the 'real' origin element.
handle.children()
.on(actions.start, { base: base, handle: handle }, start)
.on(actions.end, { base: base, handle: handle }, selfEnd);
// Make sure every handle has access to all primary
// variables. Can't uses jQuery's .data( obj ) structure
// here, as 'store' needs some values from the 'nui' object.
handle.data('nui', {
target: target
,decimals: decimals
,options: options
,base: base
,style: style
,number: i
}).data('store', store (
handle
,options.S
));
// Attach a function to the native DOM element,
// since jQuery wont let me get the current value in percentages.
handle[0].getPercentage = getPercentage;
// Make handles loop-able
handles.push(handle);
// Set the handle to its initial position;
setHandle(handle, percentage.to(options.range, options.start[i]));
}
// The base could use the handles too;
base.data({
options: options
,handles: handles
,style: style
});
// Add a downstream reference to the target as well.
target.data({
base: base
,handles: handles
});
// The tap event.
base.on(actions.end, { base: base, handles: handles }, tap);
});
}
function val ( args, ignore ) {
// Setter
if( args !== UNDEF ){
// If the val is to be set to a number, which is valid
// when using a one-handle slider, wrap it in an array.
if(!$.isArray(args)){
args = [args];
}
// Setting is handled properly for each slider in the data set.
return this.each(function(){
$.each($(this).data(clsList[12]), function(i, handle){
// The set request might want to ignore this handle.
if( args[i] === null ) {
return;
}
// Calculate a new position for the handle.
var value, current
,range = handle.data('nui').options.range
,to = percentage.to(
range
,parseFloat(args[i])
),
// Set handle to new location, and make sure developer
// input is always accepted. The ignore flag indicates
// input from user facing elements.
result = setHandle(handle, to, (ignore === true ? false : true));
// If the value of the input doesn't match the slider,
// reset it.
if(!result){
// Get the 'store' object, which can be an input element
// or a wrapper arround a 'data' call.
value = handle.data('store').val();
current = percentage.is(range,
handle[0].getPercentage(handle.data('nui').style)
).toFixed(handle.data('nui').decimals);
// Sometimes the input is changed to a value the slider
// has rejected. This can occur when using 'select' or
// 'input[type="number"]' elements. In this case,
// set the value back to the input.
if(value !== current){
handle.data('store').val(current);
}
}
});
});
}
// Or, if the function was called without arguments,
// act as a 'getter';
var re = [];
// Loop the handles, and get the value from the input
// for every handle on its' own.
$.each($(this).data(clsList[12]), function(i, handle){
re.push( handle.data('store').val() );
});
// If the slider has just one handle, return a single value.
// Otherwise, return an array.
return ( re.length === 1 ? re[0] : re) ;
}
// Overwrite the native jQuery val() function
// with a simple handler. noUiSlider will use the internal
// value method, anything else will use the standard method.
$.fn.val = function(){
return this.hasClass(clsList[6])
? val.apply(this, arguments)
: $VAL.apply(this, arguments);
};
return create.apply(this, arguments);
};
}(jQuery));