【问题标题】:NivoSlider not working in Bootstrap siteNivoSlider 在 Bootstrap 站点中不起作用
【发布时间】:2014-10-06 18:36:32
【问题描述】:

由于某种原因,NivoSlider 无法在此页面上运行,我已尝试找到修复程序,但我似乎无法弄清楚它为什么无法运行。请参阅链接:http://wsieworksstaging.com/kww/about-us.html

【问题讨论】:

  • 请不要使用“bootstrap”标签,使用“twitter-bootstrap”,因为它意味着别的东西
  • 请仔细描述以避免投反对票。为以后的问题粘贴问题代码。 :)

标签: twitter-bootstrap nivo-slider


【解决方案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;} 
    });
});

【讨论】:

  • @SixFootUnda -- 这解决了您的一个问题。它仍然无法工作的原因是因为我认为 NivoSlider 需要 jQuery 1.9 或更高版本。您使用的是 1.7 版。请尝试参考 1.9。
  • 我没有 1.9 的副本,但我使用代码访问了最新版本并将其放入,似乎无法解决我遇到的主要问题..
猜你喜欢
  • 2014-12-31
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-05-05
  • 1970-01-01
  • 2020-11-10
  • 2013-08-04
  • 2012-06-17
相关资源
最近更新 更多