hi, the Slider UI plugin for range create two handlers, this is the code created:
- <div id="_filtersearch_precio_range" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
- <div class="ui-slider-range ui-widget-header" style="left: 0%; width: 100%; "></div>
- <a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 0%; "></a>
- <a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 100%; "></a>
- </div>
you can see both A tags, the first is the left handler and the second the right hanler.
Can we have a css class to identify both handlers???, for example:
- <div id="_filtersearch_precio_range" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
- <div class="ui-slider-range ui-widget-header" style="left: 0%; width: 100%; "></div>
- <a class="ui-slider-handle ui-state-default ui-corner-all ui-slider-handle_0" href="#" style="left: 0%; "></a>
- <a class="ui-slider-handle ui-state-default ui-corner-all ui-slider-handle_1" href="#" style="left: 100%; "></a>
- </div>
with this we han have a CSS rule for each handler. This is the actual slider:
and this is the idea: