Information

These sliders are a different wrapper to what was used in Mercer's Evolution Version 3. Though these still have the same dependencies, whereby it requires jQuery UI & jQuery UI Slider. The stylesheet for jQuery UI dependency has also been included into the main _sliders.scss stylesheet.

Please ensure that the scripts are loaded in the same order as below:

• jquery-2.24.min.js
• jquery-ui.js
• mst_sliders.js

This will ensure that the sliders are correctly loaded with their dependencies. Otherwise the sliders will not work.

Javascript Implementation

This implementation of sliders is based upon single tick slider that was previously in Evolution Version 3. To initialize the sliders data- attributes as well as setting the values for [min], [max] and [step] attributes should be set.

Visual Example

Visual Example

Visual Example