Question

我有以下代码，当我在它自己的html文件中单独运行时，它可以正常工作。但是，当我用作更大网页的一部分时，滑块可见但不移动。

这是我的javascript

$("#slider").slider({

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

});

HTML

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

这里也包括我的所有内容。从我收集的内容来看，它必须与另一个js文件发生冲突。

    <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>

Answer 1

如果是jquery冲突你可以使用..

var j=jQuery.noConflict();
j("#slider").slider({    
       range: false,
       min: 0,
       max: 10, 
       step: 1    
});

Answer 2

发现了问题，因为我的滑块div位于表格内。

感谢您的帮助。

Answer 3

在我的情况下没有动，因为我没有添加链接到jquery ui css：）

ui滑块可见但不移动

3 个答案: