2014-10-06 59 views
0

出于某种原因,NivoSlider没有此页面上的工作,我曾尝试找到一个修复,但我似乎无法弄清楚,为什么它不工作。请参阅链接:http://wsieworksstaging.com/kww/about-us.htmlNivoSlider不是在引导现场工作

+0

请不要使用“引导”标签,使用“Twitter的自举”,因为这意味着别的 – 2014-10-12 11:22:25

+0

请仔细描述,以避免倒票。请将问题代码粘贴到将来的问题中。 :) – 2014-10-12 11:23:11

回答

0

你“已经在你的页面的顶部得到这个代码:

$(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;} 
    }); 
}); 
+0

我已经移动它,但它似乎并没有解决问题... – SixFootUnda 2014-10-06 18:51:31

+0

@SixFootUnda - 修复了你的一个问题。它仍然不工作的原因是因为我认为NivoSlider需要jQuery 1.9或更高版本。您正在使用1.7版。尝试引用1.9来代替。 – Icemanind 2014-10-06 18:57:52

+0

我没有1.9的副本,但我使用代码来访问最新版本,并把它放在中,似乎并没有解决我的主要问题。 – SixFootUnda 2014-10-06 19:01:49