jqueryhtmljquery-slider

ui slider visible but doesn't move

I have the following code that works fine when I run it by itself in it's own html file. However when I use as a part of my bigger webpage the slider is visible but does not move.

Here is my javascript

$("#slider").slider({

                            range: false,
                            min: 0,
                            max: 10, step: 1

});

HTML

<div id="slider"></div>

Also here are all my includes. From what I gathered it must be a conflict with another js file.

    <script type="text/javascript" src="Scripts/jquery.js" ></script>
 <script type='text/javascript' src="Scripts/jquery-ui.js"></script> 

//the one above is the new one, that is references by the slider


    <script type='text/javascript' src='Scripts/modernizr-2.5.3.js'></script>


    <script type='text/javascript' src='Scripts/jquery.mobilemenu.js?ver=1.0'></script>
    <script type='text/javascript' src='Scripts/si.files.js?ver=1.0'></script>
    <script type="text/javascript" src="Scripts/jquery.uploadify-3.1.min.js"></script>
    <script type="text/javascript" src="Scripts/swfobject.js"></script>
   <script type="text/javascript" src="Scripts/fullcalendar.js"></script>
    <script type="text/javascript" src="Scripts/jquery.simplemodal.js"></script>
Solution

  • found the problem it's because I had my slider div inside of a table.

    Thanks for the help.