Hello,
I've the same problem.
This is the code before any click on the slider:
Code:
<div id="slider-range" style="width:50%;margin:0px auto" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
<div class="ui-slider-range ui-widget-header ui-corner-all" style="left: 0%; width: 100%;"></div>
<span tabindex="0" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 0%;"></span>
<span tabindex="0" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 100%;"></span>
</div>
after a click the code change into this:
Code:
<div style="margin: 0px auto; position: relative; overflow: hidden; height: 0px;">
<div id="slider-range" style="width: 50%; margin: -13px 0px 0px; overflow: hidden;" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
<div class="ui-slider-range ui-widget-header ui-corner-all" style="left: 12.6323%; width: 87.3677%;"></div>
<span tabindex="0" class="ui-slider-handle ui-state-default ui-corner-all ui-state-focus" style="left: 12.6323%;"></span>
<span tabindex="0" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 100%;"></span></div>
</div>
Can you help me, please? How can I fix it? Thanks for your help.
Solved:
It's a mootools problem.
I added this code to fix it.
Code:
jQuery("#slider-range")[0].slide = null;
