Internet Explorer中的jQuery UI滑塊

我把這個slider放在我的項目中，但在Internet Explorer 8中不起作用。Internet Explorer中的jQuery UI滑塊

這是代碼：

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

誰能幫助我？

來源

2013-08-05 nikospap

在哪個版本的IE中這不起作用？你使用的是什麼版本的jQuery和jQuery UI？ – Spokey

你使用的是什麼版本的jQuery/jQueryUI？是否在其他瀏覽器上工作？ –

jquery-2.0.3和jQuery UI - v1.10.3。我也嘗試在IE10中，但不起作用 – nikospap

您是否包含需要的文件？他們位於文檔頁面的底部。

<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-05 12:40:43 M1K1O

是的。 http://jsfiddle.net/auaUY/這是我使用的代碼 – nikospap

此http://jsfiddle.net/auaUY/在Internet Explorer中正常工作，但在我的頁面中不起作用 – nikospap

您的頁面中可能有一些錯誤。檢查控制檯。（F12） – M1K1O

那麼，你有兩個問題。

1）IE8不支持JQuery 2.X.X。您必須使用JQuery 1.X.X.

2）我刪除了UI和事件作爲參數frokm在幻燈片中調用的函數，因爲它是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-27 23:45:28 Joaobrunoah

Internet Explorer中的jQuery UI滑塊

回答

相關問題