Nivo 滑块上一个和下一个链接未在 IE8 中显示答案

【问题标题】：Nivo slider prev and next links not displaying in IE8Nivo 滑块上一个和下一个链接未在 IE8 中显示
【发布时间】：2012-08-21 12:44:58
【问题描述】：

您可以在此处看到：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 中显示此内容的见解，那就太好了。

谢谢。

【问题讨论】：

IE8 中的 Nivo 滑块存在问题。谷歌一下应该会有所帮助！
添加了一些代码和更多信息，大半天都在查看问题无济于事。

标签： html internet-explorer-8 nivo-slider

【解决方案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');
        });

【讨论】：