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;} 
    });
});