Fork me on GitHub

jQuery jPList plugin is deprecated. Please check pure JavaScript (ES6) jPList Library alternative instead.

jQuery UI Range Slider Control Settings

jQuery UI Range Slider Control

Control Settings:

Data Attribute Description Values Example
data-path jQuery path to the items jQuery path data-path=".like"
data-slider-func jQuery UI slider function defined by user. This function should be placed in jQuery.fn.jplist.setting function  
data-setvalues-func jQuery UI 'set values' function defined by user. This function should be placed in jQuery.fn.jplist.setting function  

General Settings:

Data Attribute Description Values Example
data-control-type="range-slider" panel control type definition 'range-slider' data-control-type="range-slider"
data-control-name="name" panel control name. It should be the same in the top and bottom panels string value data-control-name="range-slider-likes"
data-control-action="filter" panel control action definition 'filter' data-control-action="filter"
data-control-storage="false" exclude control from storage (when cookies/localstorage is enabled) 'true' ot 'false' data-control-storage="false"
data-control-deep-link="false" exclude control from deep link (when deep linking is enabled) 'true' ot 'false' data-control-deep-link="false"
data-control-animation="false" exclude control from animation effects 'true' ot 'false' data-control-animation="false"
data-control-animate-to-top="false" perform "animate to top" effect for the given control; as a rule, used in bottom panel 'true' ot 'false' data-control-animate-to-top="false"