Question

我正在使用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之外的任何其他内容时，它将正确加载滑块。

Answer 1

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

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

Answer 2

我按照https://www.youtube.com/watch?v=AmiM4oWGrLI中的说明操作，并将其运行到我的网站上。你的方法看似合理，所以我怀疑与rwd默认有某种冲突。你有Firebuged它来消除冲突的类/ ID吗？

Magento将Flexslider添加到主页

2 个答案: