Предыдущая и следующая ссылки слайдера Nivo не отображаются в IE8

Вы можете увидеть здесь: 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;

}

Я не знаю, связано ли это с тем фактом, что div, в котором расположены предыдущий и следующий, находится в файле javascript, и по этой причине IE8 не может его увидеть.

Если кто-нибудь может дать мне представление о том, как я могу отобразить это в IE8, это было бы здорово.

Спасибо.


html nivo-slider internet-explorer-8
person tonysandwich    schedule 21.08.2012    source источник
comment
Есть проблема с ползунком Nivo в IE8. Google для этого должен помочь!   -  person Andreas    schedule 21.08.2012
comment
Добавил некоторый код и немного больше информации, искал проблему большую часть дня безрезультатно.   -  person tonysandwich    schedule 21.08.2012

Ответы (1)


arrow_upward
0
arrow_downward

Итак, я решил это.

Я скачал предыдущую версию скрипта слайдера 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');
        });
person tonysandwich    schedule 22.08.2012