Internet Explorer中的jQuery UI滑块
我把它放在我的项目中,但在InternetExplorer8中它不起作用 代码如下:Internet Explorer中的jQuery UI滑块,jquery,jquery-ui,Jquery,Jquery Ui,我把它放在我的项目中,但在InternetExplorer8中它不起作用 代码如下: $(function() { $( "#slider-range" ).slider({ range: true, min: 0, max: 600, values: [ 100, 500 ], slide: function( event, ui ) { $( "#amount" ).val( "€
$(function() {
$( "#slider-range" ).slider({
range: true,
min: 0,
max: 600,
values: [ 100, 500 ],
slide: function( event, ui ) {
$( "#amount" ).val( "€" + ui.values[ 0 ] + " - €" + ui.values[ 1 ] );
}
});
$( "#amount" ).val( "€" + $( "#slider-range" ).slider( "values", 0 ) +
" - €" + $( "#slider-range" ).slider( "values", 1 ) );
});
有人能帮我吗?您是否包含了所需的文件?它们位于文档页面的底部
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
嗯,你有两个问题 1) IE8不支持JQuery 2.X.X。您必须使用jquery1.X.X 2) 我从幻灯片中调用的函数中删除了ui和事件作为参数,因为jQueryUI示例就是这样。我认为这是出于兼容性的原因,但它以前的方式也应该适用于IE8
$(function() {
$( "#slider-range" ).slider({
range: true,
min: 0,
max: 600,
values: [ 100, 500 ],
slide: refreshValues
});
});
var refreshValues = function() {
$( "#amount" ).val( "€" + $( "#slider-range" ).slider( "values", 0 ) +
" - €" + $( "#slider-range" ).slider( "values", 1 ));
}
好吧,这样就可以了。在哪个版本的IE中不起作用?您使用的是什么版本的jQuery和jQueryUI?您使用的是什么版本的jQuery/jQueryUI?是否正在其他浏览器上工作?jquery-2.0.3和jquery UI-v1.10.3。我也尝试在IE10中使用,但不起作用这在internet explorer中很好,但在我的页面中不起作用