NivoSlider 在 magento 上运行不顺畅

Question

我正在尝试在我的 magento 安装上实现 nivoslider 。我只是复制粘贴下载的演示包中的内容（我已经在我的 Firefox 上测试过，运行非常流畅）到 magento。我完成了所有作业，

• 将所有必需的 js 和 css 文件复制到主题的皮肤文件夹

• 将这些文件添加到 page.xml

  <块引用>

  <参考名称=“head”>
    css/styles.css
    ...
    css/nivo-slider.css;
    <样式表>css/themes/default/default.css;
    css/themes/default/pascal.css;
    css/themes/default/orman.css;
    <操作方法=“addItem”><类型>skin_js<名称>js/jquery-1.6.2-no-conflict.js<参数/> ;
    ...
    <操作方法=“addItem”><类型>skin_js<名称>js/jquery.nivo.slider.pack.js<参数/>
    <操作方法=“addItem”><类型>skin_js<名称>js/my_own_custom_script.js<参数/>
    ...
  
  

• 复制 magento cms 页面上的滑块 html 部分

• 最后添加 jQuery(document).ready(function($) { $('#slider').nivoSlider(); }); 到 my_own-custom_script.js

它运行，但并不顺利。有时幻灯片只是暂停一会儿。其他时候，其中一张图像幻灯片不会显示。动画也有点闪烁。滑块导航（上一个-下一个按钮和滑块底部的圆圈）有时对我的单击事件没有响应。让我感到困惑的是，所有这些症状只是有时发生，有时却运行良好。

哦，还有一件事，每次我用 firebug 检查它的一个元素时，这个 nivoslider 也总是让我的 Firefox 崩溃。

谁能给我一些线索，为什么会发生这种情况？我怀疑这与magento的Prototype脚本的冲突有关（尽管它都已经在无冲突模式下运行）

Answer 1

经过一番挖掘，我找到了解决方案......解决方案非常简单：
就像在 nivoslider 脚本中添加一个小下划线字符一样简单。
只需将 nivoslider 脚本上的这一行替换为：

$.fn._reverse = [].reverse;

这里

$.fn._reverse = []._reverse;

是对那些需要解释的人的解释：

如果您在使用 nivoslider 时看到错误列表（使用 firefox，ctrl+shift+j），您会发现原型太多了递归。这是对原型“太多递归”的解释： 原型化过多的递归问题。

Prototype 上反向函数的使用与 NivoSlider 发生了冲突。 github上的人发现了这个问题并在这里给出了一个快速解决方案：
https://github.com/gilbitron/Nivo-Slider/issues/35

这个问题让我抓狂，因为到处都没有足够的资源（尝试用谷歌搜索一下，你会发现这个问题没有直接的答案）。所以我希望我的问题以及我自己的答案可以帮助其他与我有同样情况的人:)

Answer 2

最近开始在一个已经开发了一段时间的网站上看到这个。看到：

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 项目上使用它，所以不能说兼容性，而且你已经修复了它，所以......