1

我把这个滑块放在我的项目中，但在 Internet Explorer 8 中它不起作用。

这是代码：

$(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 ) );
});

谁能帮我？

4

2 回答 2

0

嗯，你有两个问题。

1) IE8 不支持 JQuery 2.XX。您必须使用 JQuery 1.XX

2）我从幻灯片中调用的函数中删除了 ui 和 event 作为参数，因为它是 jquery-ui 示例的方式。我认为这是出于兼容性原因，但以前的方式也应该适用于 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 ));
}

好吧，这可以解决问题。

于 2014-08-27T23:45:28.053 回答
0

您是否包含了所需的文件？它们位于文档页面的底部。

<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>
于 2013-08-05T12:40:43.147 回答