IE9问题 - 看起来我的滑块甚至不会滑动。是什么赋予了？

Question

我的网站位于www.alexjamesfraser.com。它正在使用Anythingslider jquery插件很大的时间。它在firefox和chrome的最新版本下运行良好，但在IE9下，滑块似乎根本不起作用。我不知道为什么会这样，希望我能在这里得到一些帮助。

所以，这是我的问题。我希望我能更具体一点，但我甚至不知道自己做错了什么。希望有人可以提供帮助，如果您需要我的更多信息，请随时询问。

非常感谢。

Answer 1

我不得不挖一点，但我现在看到了问题。当AnythingSlider被初始化时，它位于一个空列表中（我认为</li>也不是真的有效，留空或使用<li/>）：

<ul class="slider" id="slider1">
    </li>
</ul>

这很好，但是在初始化回调中，当前页面是未定义的，因为没有页面：

onInitialized: function(e, slider1) {
    updateCaption1(slider1); 
}

字幕功能：

var updateCaption1 = function(slider1){
    // slider1.$currentPage is undefined because there are no slides!
    var cap = slider1.$currentPage.find('.caption1').html();
    $('.current-caption1')
        .html(cap)
        .fadeIn(200);
};

slider1.$currentPage未定义，甚至slider1.currentPage值也为零。

因此，要么删除onInitialized函数，要么在使用内容更新滑块后更新标题。