Javascript动态高度不适用于IE8

说到JavaScript编码，我是个新手。我正在尝试为每张幻灯片定制一个动态高度的高级滑块插件（）。我想在用户每次观看另一张幻灯片时触发一个事件。请参见我的演示页面：

---

这适用于所有现代浏览器，但令我惊讶的是，这不适用于IE8。任何帮助都将不胜感激。谢谢

什么高级滑块插件？抱歉忘了解释那个部分。我正在使用这个插件：。不幸的是，该插件没有幻灯片动态高度的选项，所以我尝试自己添加它。您可以考虑使用功能更全面的插件，例如。谢谢，但是Cycle2似乎没有我需要的所有功能。顺便说一句，感谢您的快速回复。：）

$(document).ready(function() {

    var thisHeight = $('.active').height() + 100;

    //Adjusts height on first load
    $('#responsive-slider').animate({ height: (thisHeight + 'px') }, 500, 'swing');

    //Adjusts height while clicking through slides
    $('#responsive-slider a').click(function() {

        var thisHeight = $('.active').height() + 100;

        //Modern browsers
        $('#responsive-slider').animate( { height: (thisHeight + 'px') }, 500, 'swing');

    });
});