IE7和IE8中的Javascript

Question

我的主页上有两个滑块，一个是使用插件(AnythingSlider)，另一个是使用jQuery UI (jquery-ui-1.8.9.custom.min.js)。在我将AnythingSlider添加到页面后，第二个滑块上的悬停功能在IE7和IE8中停止工作。以下是hover函数的代码：

        st = null;
        $('.homepage-leftscroller').hover(function() {
           slideleft();
           st = setInterval(slideleft, 200);
        }, function() {
           clearInterval(st);
        });

下面是slideleft函数的代码：

        function slideleft() {
            v = s.slider('option', 'value');
            if (v > 0)
                v -= 50;
            ui.value = v;
            s.slider('option', 'value', v);
            f = s.slider('option', 'slide');
            f(null,ui);
        }

我没有创建第二个滑块，我添加了第一个滑块。有问题的页面如下：

http://rareculture.net/index.php

我很感谢在这方面能提供的帮助。谢谢。

附注:包含hover函数的代码块的开头如下：

    $(function() {
        slider = $('.artist-homepage-slider .artist-wrapper');

而AnythingSlider代码块的开头是这样的：

    $(function(){
        $('#slider')

这可能是问题所在吗？为什么它只在IE7和IE8中中断？

Answer 1

我不知道这是否与您的问题有关，但以下语句是将值赋给全局(或至少从更大范围)变量，而不是局部变量。如果在它们前面添加var，它们将成为声明，并在本地声明。

st = null;

v = s.slider('option', 'value');

f = s.slider('option', 'slide');

jslint可以检测到这样的问题。