Very green when it comes to the intricacies of JQuery.
I've just set a slider which enters a value in a form. When the slider is slid to any value, it will disappear. I'm not sure what's causing the action, clicking the knob or sliding it. From what I've read so far, I'm still not able to deduce if the action causing this is slideUp, toggle, or what, it's very smooth the way it vanishes, so I know it's not a CSS styling issue which hides it on a mouseover or click.
Here is my code:
- <div id="distbox" class="filter">
- <div class="distBox">
- <span class="descr">Within:</span>
- <div class="distDisplay"><input type="text" id="amount" name="jr_destintype"></div>
- <span class="miles">Miles</span>
- </div>
-
- <script type="text/javascript">
- jQuery(document).ready(function(){
- jQuery( "#slider-range-min" ).slider({
- range: "min",
- value: 5,
- min: 1,
- step: 5,
- max: 60,
- slide: function( event, ui ) {
- jQuery( "#amount" ).val( ui.value );
- }
- });
- jQuery( "#amount" ).val( jQuery( "#slider-range-min" ).slider( "value" ) );
-
- });
- </script>
- <div id="slider"><div id="slider-range-min" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><div class="ui-slider-range ui-slider-range-min ui-widget-header" style="width: 10.256410256410255%; "></div><a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 10.256410256410255%; "></a></div></div>
With out knowing what other js code could cause this, is there a way I can prevent this from happening regardless?
What lines of code, can I insert above to fix this problem?
Using: jquery-ui-1.8.13.custom.min.js on a Joomla 1.7 based site
No errors appear in FireBug currently
Any help or guidance would be very much appreciated.
Thanks