Nivo Slider не работает в IE8 - PullRequest
Новая
       17

Nivo Slider не работает в IE8

0 голосов
/ 11 октября 2011

У меня возникли некоторые проблемы с ползунком jquery nivo на веб-сайте моей компании.

Прежде всего, веб-сайт размещен компанией, которая предоставила внутренний cms, где мы ничего не можем изменить. Вот почему у меня нет разрешений на загрузку чего-либо в Head-Tag и я не могу загружать любые файлы, кроме изображений на этот сервер

Итак, я нашел Javascript, который впоследствии загружает файлы CSS в голову. Хорошо, все это работает должным образом в каждом браузере (Chrome, FF, IE6, IE9), за исключением IE8 , NivoSlider загружает только первое изображение, не отображает заголовок и навигацию.

Я понятия не имею, почему это происходит, потому что, если я выполняю код (показанный ниже) локально, он работает (все файлы также хранятся локально). 

<script type="text/javascript" src="slider/scripts/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="slider/scripts/jquery.nivo.slider.js"></script>
<script type="text/javascript">
  function loadjscssfile(filename, filetype){
     if (filetype=="js"){ //if filename is a external JavaScript file
      var fileref=document.createElement('script')
      fileref.setAttribute("type","text/javascript")
      fileref.setAttribute("src", filename)
     }
     else if (filetype=="css"){ //if filename is an external CSS file
      var fileref=document.createElement("link")
      fileref.setAttribute("rel", "stylesheet")
      fileref.setAttribute("type", "text/css")
      fileref.setAttribute("href", filename)
     }
     if (typeof fileref!="undefined") {
      document.getElementsByTagName("head")[0].appendChild(fileref)
    }
    }

  function toggle() {
    var slider = document.getElementById("slider");
    slider.style.display = "block";
  }

    $(window).load(

    function() {
            loadjscssfile("slider/css/nivo-default.css", "css");
            loadjscssfile("slider/css/nivo-slider.css", "css");
            toggle();
            $('#slider').nivoSlider();

    }
    );

</script>

Хостер использует Prototype JS Framework для своей CMS, поэтому я подумал, что это может вызвать какие-то помехи. На самом деле, если я открою Devtools в IE8, я покажу мне некоторые ошибки в файле Prototype.js, предоставленном Hoster 

var nodes = $(element).getElementsByTagName('*');
className = ' ' + className + ' ';

for (var i = 0, child, cn; child = nodes[i]; i++) {
  if (child.className && (cn = ' ' + child.className + ' ') && (cn.include(className) ||
      (classNames && classNames.all(function(name) {
        return !name.toString().blank() && cn.include(' ' + name + ' ');
      }))))
    elements.push(Element.extend(child));
}

Эти строки не нравятся, он говорит что-то вроде (в переводе с немецкого) «объект не поддерживает это значение или метод»

Вы можете увидеть исходную домашнюю страницу и код XXX и попробовать сами. Я надеюсь, что вы можете помочь мне с моей проблемой.

1 Ответ

0 голосов
/ 11 октября 2011

Проверка с помощью инструментов разработчика Chrome, единственная проблема, которую я вижу, это: 

var nivo-child = $(this);

Вы не можете иметь тире в имени переменной, измените его на nivo_child или nivoChild.

Чтобы исправить вторую ошибку, вам нужно использовать jQuery.noConflict().

...