Javascript NivoSlider在magento上工作不顺畅

Javascript NivoSlider在magento上工作不顺畅,javascript,jquery,magento,nivo-slider,Javascript,Jquery,Magento,Nivo Slider,我正在尝试在我的magento安装上实现。我只是复制粘贴中的内容(我已经在firefox上测试过,运行非常顺利)到magento。我做了所有的家庭作业 将所有必需的js和css文件复制到我的主题的皮肤文件夹中 将这些文件添加到page.xml上 css/styles.css ... css/nivo-slider.css css/themes/default/default.css css/themes/default/pascal.css css/themes/default/orman.

我正在尝试在我的magento安装上实现。我只是复制粘贴中的内容(我已经在firefox上测试过,运行非常顺利)到magento。我做了所有的家庭作业

  • 将所有必需的js和css文件复制到我的主题的皮肤文件夹中
  • 将这些文件添加到page.xml上

    
    css/styles.css
    ...
    css/nivo-slider.css
    css/themes/default/default.css
    css/themes/default/pascal.css
    css/themes/default/orman.css
    skin_jsjs/jquery-1.6.2-no-conflict.js
    ...
    skin_jsjs/jquery.nivo.slider.pack.js
    skin_jsjs/my_own_custom_script.js
    ...
    
  • 复制magento cms页面上的滑块html部分

  • 最后添加
    jQuery(document).ready(函数($){$('#slider').nivoSlider();})到my_own-custom_script.js
它运行,但不平稳。有时幻灯片会暂停一段时间。其他时候,其中一张幻灯片不会出现。动画也有点闪烁。滑块导航(prev next按钮和滑块底部的圆圈)有时对我的单击事件没有响应。让我困惑的是,所有这些症状都只是偶尔发生,有时运行良好

哦,还有一件事,每当我用firebug检查firefox的一个元素时,这个nivoslider也总是让我的firefox崩溃


谁能给我一些线索,为什么会这样?我怀疑这与magento的原型脚本的冲突有关(尽管它已经在noconflict模式下运行)

最近在一个已经开发了一段时间的站点上看到了这一点。见:

Uncaught RangeError: Maximum call stack size exceeded
Object.extend.reverse
在Chrome的控制台中。“Object.extend.reverse”细节引用了原型行881。我不太喜欢javascript,所以这个细节更适合其他人

/skin/frontend/gas/default/js/jquery.nivo.slider.pack.js已加载,因此可能与新的jquery版本或其他版本存在冲突


我想你可以换一个不同的滑块。我最近发现了BX slider并喜欢它,虽然还没有在Magento项目上使用过它,所以不能谈论兼容性,而且你已经修复了它,所以

经过一番挖掘,我找到了解决办法。。。解决方案非常简单: 只需在nivoslider脚本中添加一个小下划线字符即可。 只需替换nivoslider脚本上的这一行:

$.fn._reverse = [].reverse;
对此

$.fn._reverse = []._reverse;
以下是对那些需要解释的人的解释:

如果您在使用nivoslider时看到错误列表(对于firefox,ctrl+shift+j),您将看到原型得到了太多的递归。这就是原型“太多递归”的解释:

在原型上使用反向功能与NivoSlider发生冲突。github上的人发现了这个问题,并在这里给出了一个快速解决方案:


这个问题让我发疯,因为到处都没有足够的资源(试试谷歌,你会发现这个问题没有直接的答案)。因此,我希望我的问题和我自己的答案能够帮助其他与我有同样情况的人:)

很高兴知道。我还试着将客户登录页面的NivoSlide与雪花jquery插件一起运行,这对旧电脑来说是致命的^^^^同时我使用了Orbit Slider,这是一个易于使用且快速的jquery Slider:唯一的问题是,它与IE6不兼容。你现在应该可以将其作为答案发布。继续做吧。太好了,谢谢。我也有同样的问题,这个问题已经解决了。我也有同样的问题。这解决了“太多递归”的问题,但滑块在我的magento安装中仍然不能正常运行。它对更改幻灯片的单击没有反应,动画也不稳定。仍在寻找完整的解决方案。
$.fn._reverse = []._reverse;