实现Jquery Cycle Plugin时出错

时间:2012-01-27 19:17:59

标签: jquery magento jquery-plugins jquery-cycle

我一直在尝试在我的magento商店中实现多种类型的滑块,但每次尝试时都会出错。它非常简单,但我仍然无法纠正它。

请检查此页面,让我知道为什么滑块不工作我已经调用了所有必要的插件和js脚本,但它仍然显示错误。

www.pennysave.com.au/test

请帮助我,我的时间已经不多了,我需要尽快从商店开始。

2 个答案:

答案 0 :(得分:1)

您的页面中包含此代码。

$(function() {
    $('#slideshow img:first').fadeIn(1000, function() {
        $('#slideshow').cycle();
    });
});

我在页面上根本看不到#slideshow容器。你期望发生什么?

答案 1 :(得分:1)

使用$可能与原型库发生冲突 这是我遵循的方法,包括jQuery插件:
1 GT;使用布局更新将jQuery文件仅包含在所需页面中:

<default>
    <reference name="head">
        <block type="core/text" name="google.cdn.jquery">
            <action method="setText">
                <text><![CDATA[<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript">jQuery.noConflict();</script>]]>
                </text>
            </action>
        </block>
    </reference>
</default>

2 - ;然后在jQuery包含之后包含jQuery插件 3 GT;在初始化代码中使用jQuery而不是$。 例如:

jQuery(function() {
    jQuery('#slideshow img:first').fadeIn(1000, function() {
        jQuery('#slideshow').cycle();
    });
});

希望这有点帮助。
感谢