Javascript For循环在IE 8中的行为很奇怪

我使用nouislider（）和一些按钮来通过按钮控制滑块，并在按钮上为拾取的值设置活动状态

在现代浏览器中，如firefox、safari、chrome和ie10，我认为脚本运行良好。但在糟糕的ie 8中，这段代码表现得相当奇怪：错误的按钮被标记为活动，所有的“请将类添加到正确的按钮”都不起作用

这是激活状态的功能：

    function headClassToggle() {

        $('#calc-heads button').removeClass('calc-active');
        $('#calc-heads #calc-1').addClass('calc-active');

        var calcSliderValue = $('#calc-slider').val();
        var iEra = $('#calc-heads button');
        var thumbLi = $('#calc-heads button');

        for (iEra = 1; iEra < calcSliderValue; iEra++) {
            thumbLi.eq(iEra).addClass('calc-active');
        }
    }

函数headClassToggle（）{
$（“#计算头按钮”）.removeClass（'calc-active'）；
$（“#calc heads#calc-1”）.addClass（'calc-active'）；
var calcSliderValue=$（“#计算滑块”）.val（）；
var iEra=$（“#计算头按钮”）；
var thumbLi=$（“#计算头按钮”）；
对于（iEra=1；iEra

在这里您可以找到一个工作示例：

所以我的问题是，InternetExplorer8的for循环有什么问题

---

谢谢

我没有看到

calc active

的CSS声明。应该有吗？还有，这把小提琴里没有按钮？我遗漏了什么吗？css声明在第34行（#calc heads button.calc active），数字是按钮（）