Magento将Flexslider添加到主页


Magento add Flexslider to homepage

我正在使用Bitnami Magento https://bitnami.com/stack/magento 堆栈并尝试将flexslider添加到主页。 我在custom.js文件中收到此错误:

SCRIPT438: Object doesn't support property or method 'flexslider'

对于主页,我已将其添加到CMS->Pages->Design-Custom Layout Design XML

<reference name="head"> 
    <action method="addCss"><stylesheet>css/flexslider.css</stylesheet></action>
    <action method="addJs"><script>jquery/jquery.min.js</script></action>
    <action method="addJs"><script>flexslider/jquery.flexslider-min.js</script></action>
    <action method="addJs"><script>flexslider/custom.js</script></action>
</reference> 

所有脚本都在加载 我已经用浏览器调试器控制台验证了

这是custom.js脚本

$.noConflict();
jQuery(window).load(function () {
    jQuery('.flexslider').flexslider();
});

这是主页的CMS->Pages->Content

<div class="flexslider">
    <ul class="slides">
    <li><img src="Big.jpg" alt="" /></li>
    <li><img src="Big1.jpg" alt="" /></li>
    <li><img src="Big2.jpg" alt="" /></li>
    </ul>
</div>

另一个有趣的事情是,当我将页面设计上的Custom Theme更改为除rwd default之外的任何其他内容时,它将正确加载滑块。

有一个带有RWD主题的滑块,我现在正在使用它。 本文介绍了如何使用它。

http://www.creare.co.uk/new-features-magento-ce-1-9-responsive-theme#slider

我按照这里的说明进行操作 https://www.youtube.com/watch?v=AmiM4oWGrLI 并让它在我的网站上工作。您的方法似乎很合理,所以我怀疑与 rwd 默认值存在某种冲突。您是否对其进行了Firebug以消除冲突的类/id?