2011-09-23 87 views
0

我在Magento环境中使用jQuerytools手风琴/选项卡,由于某种原因,脚本似乎没有工作。jQuery Accordion + Magento问题 - 可能的冲突?

如果你看看下面的工作页面,你会看到独立环境中的内容和脚本工作正常。

但是一旦它被放入Magento(非工作页面),手风琴窗格就不会打开,我看不到任何明显的错误。

工作页面 - http://www.justkitchens.co/sandbox/JustDoors/acrylic-kitchen-doors-chooser.html 非工作页面 - http://www.justkitchens.co/chooser-test/

谁能帮助我在这里?

编辑:我注释掉jQuery的ui.min.js脚本被调用,事情似乎工作...所以看起来像一个冲突有...

回答

2

您在运行中的jQuery noConflict模式?

Magento使用原型,所以你需要做到这一点。

http://www.fontis.com.au/blog/magento/using-jquery-magento

通常情况下,这将是所有你需要做的,但是因为Magento的还包括
原型,有我们需要处理一个微妙。 jQuery使用$作为访问jQuery库的简写。但Prototype也使用$来访问自己。这会导致Web浏览器的JavaScript名称空间中的global冲突。幸运jQuery提供一个解决方案,该jQuery.noConflict();函数定义了一个新的简写的jQuery如:

var $j = jQuery.noConflict(); 

上述代码需要来jQuery库代码之后,但在此之前的任何其他JavaScript库。你可以在你已经复制到js目录的jQuery文件底部包含noConflict调用。因此,您需要确保我们包含在layout/page.xml中的“action method”行位于包含Prototype或任何其他JavaScript库的代码之前。

它替代产品:http://css-tricks.com/2011-using-jquery-in-magneto/