Question

您可以在此处看到：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中显示这些内容会很棒。

感谢。

Answer 1

好的，我已经解决了。

我下载了以前版本的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');
        });

Nivo滑块prev和下一个链接不在IE8中显示

1 个答案: