wijslider jQuery Widget

Provide a simple, sliding selector that allows end-users to choose a single value or a range of values in a predefined range at run time.

Syntax

Javascript (Usage)
$(function () { var options; // Type: wijmo.slider.wijslider.options $(".selector").wijslider(options); });

Javascript (Usage)

$(function () {
    var options; // Type:  wijmo.slider.wijslider.options
     
    $(".selector").wijslider(options);
});

Javascript (Specification)
function wijslider() : any;

Browser Compatibility

Options

	Name	Description
	animate	Default value: false The animate option defines the sliding animation that is applied to the slider handle when a user clicks outside the handle on the bar.
	cancel
	create
	delay
	disabled
	distance
	dragFill	Default value: true The dragFill option, when set to true, allows the user to drag the fill between the thumb buttons on the slider widget.
	max	Default value: 100 The max option defines the maximum value of the slider widget.
	min	Default value: 0 The min option defines the minimum value of the slider widget.
	minRange	Default value: 0 The minRange option prevents the two range handles (thumb buttons) from being placed on top of one another.
	orientation	Default value: 'horizontal' The orientation option determines whether the wijslider is positioned horizontally or vertically.
	range	Default value: false The range option, if set to true, allows the slider to detect if you have two handles.
	step	Default value: 1 The step option determines the size of each interval between the slider minimum value and the slider maximum value.
	value	Default value: 0 The value option determines the total value of the slider widget when there is only one range handle.
	values	Default value: null The values option can be used to specify multiple handles.

Methods

	Name	Description
	destroy	Remove the functionality completely. This will return the element back to its pre-init state.
	disable
	enable
	option
	refresh	Refresh the wijslider widget.
	value	Determines the value of the slider, if there's only one handle.
	values	This option can be used to specify multiple handles.
	widget

Events

	Name	Description
	buttonClick	The buttonClick event is raised when the decrement button or the increment button is clicked.
	buttonMouseDown	The buttonMouseDown event is raised when the mouse is down on the decrement button or the increment button.
	buttonMouseOut	The buttonMouseOut event is raised when the mouse leaves the decrement button or the increment button.
	buttonMouseOver	The buttonMouseOver event is raised when the mouse is over the decrement button or the increment button.
	buttonMouseUp	The buttonMouseUp event is raised when the mouse is up on the decrement button or the increment button.
	change	The change event is triggered when the user stops moving the range handle or when a value is changed programatically.
	slide	Triggered on every mouse move during slide.
	start	The start event is triggered when the user begins to move the slider thumb.
	stop	The stop event is triggered when the user stops sliding the slider thumb.

See Also