Nivo 滑块在 IE8 中不工作

Question

我在公司网站上的 jquery nivo slider 遇到一些问题。

首先，该网站由一家提供内部 cms 的公司托管，我们无法更改任何内容。这就是为什么我没有任何权限在 Head-Tag 中加载任何内容，并且无法上传该服务器上除图像之外的任何文件，

所以我找到了一个 Javascript，它随后在 head 中加载 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>

Hoster 使用 Prototype JS Framework 作为他们的 CMS，所以我想这可能会造成某种干扰。实际上，如果我在 IE8 中打开 Devtools，我会在 Hoster 提供的 Prototype.js 文件中显示一些错误

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，自己尝试一下。我希望你能帮助我解决我的问题。

Answer 1

检查 Chrome 的开发者工具后，我发现的唯一问题是：

var nivo-child = $(this);

变量名称中不能有破折号，请将其更改为 nivo_child 或 nivoChild。

---

要修复第二个错误，您需要使用 jQuery.noConflict()。