NivoSlider不在Bootstrap网站上工作

Question

出于某些原因，NivoSlider没有在这个页面上工作，我试图找到一个修复，但我似乎无法弄清楚为什么它不起作用..请参阅链接：http://wsieworksstaging.com/kww/about-us.html

Answer 1

您已将此代码放在页面顶部：

$(window).load(function() {
    $('#slider').nivoSlider({
        startSlide:0, //Set starting Slide (0 index)
        slideshowEnd: function(){$('#slider').data('nivo:vars').stop = true;} 
    });
});

问题是您没有加载jQuery库或NivoSlider库，直到页面末尾。因此，浏览器中的Javascript引擎不知道$的含义或nivoSlider的含义。您需要将页面顶部的代码移动到下面加载jQuery和Nivo的位置。

修改

我认为你有一个jQuery冲突人。请尝试使用此代码：

var j = jQuery.noConflict();
j(window).load(function() {
    j('#slider').nivoSlider({
        startSlide:0, //Set starting Slide (0 index)
        slideshowEnd: function(){$('#slider').data('nivo:vars').stop = true;} 
    });
});