jquery - IE9 问题 - 似乎我的滑块甚至不会滑动。是什么赋予了？

Question

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

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

非常感谢。

Answer 1

我不得不挖掘一下，但我现在看到了问题。当 AnySlider 初始化时，它在一个空列表上（我认为也不</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功能，要么在滑块更新内容后更新标题。