我网站上的 jQuery Nivo Slider 怎么了？答案

【问题标题】：What is up with jQuery Nivo Slider on my site?我网站上的 jQuery Nivo Slider 怎么了？
【发布时间】：2011-06-01 23:33:10
【问题描述】：

我已经在我的 Magento 电子商务网站上安装了使用 jQuery 的 Nivo Slider (http://nivo.dev7studios.com/)。

我的网站是http://bikeshop.gostorego.com/

您知道为什么在主页上您可以看到滑块的位置，但加载图标只存在而不显示幻灯片？

谢谢

【问题讨论】：

标签： jquery magento slider

【解决方案1】：

页面上没有加载 jQuery。

这是您尝试加载它的方式：

<script src=’https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js’ type="text/javascript"></script>

Firebug 显示此 URL 是实际请求的内容：

http://bikeshop.gostorego.com/%E2%80%99https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js%E2%80%99

所以，那些不寻常的引号是问题所在；你需要普通的单引号或双引号：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>

【讨论】：

谢谢@thirtydot - 我刚刚编辑了引号，但由于某种原因似乎仍然无法正常工作。
我试图解决这个问题，但它相当令人困惑，因为您的文件不断变化。我确实让它在某一时刻工作，但发生了一些变化。不要失去希望，这是可能的:)

【解决方案2】：

在 Mangeto 中使用 Nivo Slider 时需要注意的一点（由于原型库）如下：

<script type="text/javascript">
    jQuery.noConflict();
    jQuery.fn._reverse = []._reverse; //this is very important
    jQuery(window).load(function() {
        jQuery('#slider').nivoSlider({
            //...
        });
    });
</script>

如果你想要一个现成的 Nivo Slider 扩展，它与 Magento 配合得很好，能够在前端的任何地方轻松添加无限数量的组和幻灯片，那么你可以使用以下扩展 (jQuery Sliders Pro)：
http://www.magepsycho.com/jquery-sliders-pro-nivo-slider.html

电子商务愉快！！

【讨论】：