Wijmo UI for the Web
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
$(function () {
    var options; // Type:  wijmo.slider.wijslider.options
     
    $(".selector").wijslider(options);
});
function wijslider() : any;
Options
 NameDescription
public Option

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.

 
public Option

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.

 
public Option

Default value: 100

The max option defines the maximum value of the slider widget.

 
public Option

Default value: 0

The min option defines the minimum value of the slider widget.

 
public Option

Default value: 0

The minRange option prevents the two range handles (thumb buttons) from being placed on top of one another.

 
public Option

Default value: 'horizontal'

The orientation option determines whether the wijslider is positioned horizontally or vertically.

 
public Option

Default value: false

The range option, if set to true, allows the slider to detect if you have two handles.

 
public Option

Default value: 1

The step option determines the size of each interval between the slider minimum value and the slider maximum value.

 
public Option

Default value: 0

The value option determines the total value of the slider widget when there is only one range handle.

 
public Option

Default value: null

The values option can be used to specify multiple handles.

 
Top
Methods
 NameDescription
public MethodRemove the functionality completely. This will return the element back to its pre-init state.  
public MethodRefresh the wijslider widget.  
public MethodDetermines the value of the slider, if there's only one handle.  
public MethodThis option can be used to specify multiple handles.  
public MethodReturns the wijslider element.  
Top
Events
 NameDescription
public EventThe buttonClick event is raised when the decrement button or the increment button is clicked.  
public EventThe buttonMouseDown event is raised when the mouse is down on the decrement button or the increment button.  
public EventThe buttonMouseOut event is raised when the mouse leaves the decrement button or the increment button.  
public EventThe buttonMouseOver event is raised when the mouse is over the decrement button or the increment button.  
public EventThe buttonMouseUp event is raised when the mouse is up on the decrement button or the increment button.  
public EventThe change event is triggered when the user stops moving the range handle or when a value is changed programatically.  
public EventTriggered on every mouse move during slide.  
public EventThe start event is triggered when the user begins to move the slider thumb.  
public EventThe stop event is triggered when the user stops sliding the slider thumb.  
Top
See Also

Widgets

Slider

Reference

wijslider jQuery Widget