Cakephp,JQuery JCarousel Lite,错误

时间:2010-03-28 00:27:29

标签: javascript jquery cakephp jcarousel

我使用以下代码将无序列表制作成带有jcarousel lite和jquery的轮播:

<?php echo $this->Html->script(array('jquery-1.4.2.min','jquery.easing.1.1','jcarousellite_1.0.1.pack','jquery.mousewheel.min'), array('inline' => false)); ?>

    <?php echo $this->Html->scriptStart(array('inline' => false)); ?>
        $(document).ready(function() {
            $(".mouseWheelButtons .jCarouselLite").jCarouselLite({
                btnNext: ".mouseWheelButtons .next",
                btnPrev: ".mouseWheelButtons .prev",
                mouseWheel: true,
                circular: false,
                start: 0,
                visible: 5,
                easing: "easein"
            });
        });
    <?php echo $this->Html->scriptEnd(); ?>

但是我在firebug中遇到以下javascript错误:

a[0] is undefined

有谁知道导致错误的原因 我正在使用jcarousel lite的打包版本。

问题是这个代码在cakephp 1.2中有效,但现在我使用1.3并且我使用scriptstart,scriptEnd和Html-&gt;脚本更新了语法。

2 个答案:

答案 0 :(得分:1)

好的,我发现了什么问题。我似乎所有错误都比最初看起来更简单。

所有内容都已完美设置,但我忘记包含list-item标签。 :)

答案 1 :(得分:1)

div 的引用ID或类必须是 ul 标记的直接父级

脚本

$('.rssBody').jCarouselLite({
       auto: 800,
       speed: 1000
    });

HTML

<div class="rssBody">
    <ul>
        <li>text</li>
    </ul>
</div>