0

您可以在这里看到:http ://tonysandwich.co.uk/rockinghorses图像滑块上有一个上一个和下一个按钮。

在 IE8 中查看此按钮时,这些按钮不复存在。IE 检查器甚至不选择 div 或内容。

这是我所指的脚本部分:

// Add Direction nav
    if(settings.directionNav){
        slider.append('<div class="nivo-directionNav"><a class="nivo-prevNav"></a><a class="nivo-nextNav"></div>');



        $('a.nivo-prevNav', slider).live('click', function(){
            if(vars.running) { return true; }
            clearInterval(timer);
            timer = '';
            vars.currentSlide -= 2;
            nivoRun(slider, kids, settings, 'prev');
        });

        $('a.nivo-nextNav', slider).live('click', function(){
            if(vars.running) { return true; }
            clearInterval(timer);
            timer = '';
            nivoRun(slider, kids, settings, 'next');
        });
    }

这是CSS:

     /* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
      cursor:pointer;
      position: absolute;
      margin-left: -90px;
      z-index: 100;
}

.nivo-prevNav {
    left:0px;
    width: 61px;
    height: 27px;
    background-image:url(images/Back%202.png);
    top: 105%;
            }

.nivo-nextNav {
    right:0px;
    width: 106px;
    height: 126px;
    background-image:url(images/Next%202.png);
    top: 85%;
    margin-right: -25px;

}

我不知道这是否与 prev 和 next 所在的 div 位于 javascript 文件中这一事实有关,因此 IE8 似乎看不到它。

如果有人可以向我提供有关如何在 IE8 中显示它的见解,那就太好了。

谢谢。

4

1 回答 1

0

好的,我已经解决了。

我下载了以前版本的 nivo 滑块脚本,并从中获取了以下代码并将其添加到最新版本的代码中。

我在上面显示的代码下立即添加了它,就像魔术一样,按钮现在可以在 IE8 中愉快地显示,我已经恢复了理智。

$('a.nivo-prevNav', slider).live('click', function(){
            if(vars.running) { return false; }
            clearInterval(timer);
            timer = '';
            vars.currentSlide -= 2;
            nivoRun(slider, kids, settings, 'prev');
        });

        $('a.nivo-nextNav', slider).live('click', function(){
            if(vars.running) { return false; }
            clearInterval(timer);
            timer = '';
            nivoRun(slider, kids, settings, 'next');
        });
于 2012-08-22T12:03:44.110 回答