wp.customize.controlConstructor['aster-it-solutions-range-slider'] = wp.customize.Control.extend({ ready: function() { 'use strict'; var control = this, slider = control.container.find( '.aster-it-solutions-range-slider-range' ), output = control.container.find( '.aster-it-solutions-range-slider-value' ); slider[0].oninput = function() { control.setting.set( this.value ); } if ( control.params.default !== false ) { var reset = control.container.find( '.aster-it-solutions-range-reset-slider' ); reset[0].onclick = function() { control.setting.set( control.params.default ); } } } });