“Uncaught TypeError:undefined不是函数”使用noobslider和mootools的JavaScript错误

时间:2012-10-25 06:11:42

标签: javascript html mootools

我是Javascript的新手并且一直在尝试使用名为noobSlide(mootools)的Slider,但是在使用它之后,我发现它在第二次尝试时被破坏了。

我得到的错误是“Uncaught TypeError:undefined不是函数”,引用了这行代码:

var thumbsFx = new Fx.Style(thumbs_mask7,'left',fxOptions7);

我已经在页面的头部包含了Mootools和Slider脚本的所有必要库,并且已经梳理了HTML,但找不到解决方案。它似乎指向Mootools库,但我知道这是不对的,因为正如我所说,我已经使用另一个例子成功了。

如果有帮助,这里是包含Slider所有样本的页面(我正在尝试使用#7并且已经使用了#3)。

http://www.efectorelativo.net/laboratory/noobSlide/

如果有人能看到问题根源的来源,我真的很感激你的眼睛:)。

谢谢,

<script type="text/javascript">
    window.addEvent('domready',function(){

        //SAMPLE 7
        var startItem = 0; //or   0   or any
        var thumbs_mask7 = $('thumbs_mask7').setStyle('left',(startItem*60-568)+'px').setOpacity(0.8);
        var fxOptions7 = {duration:1000, transition:Fx.Transitions.Back.easeOut, wait:false};
        var thumbsFx = new Fx.Style(thumbs_mask7,'left',fxOptions7);
        var hs7 = new noobSlide({
            box: $('box7'),
            items: [0,1,2,3,4,5,6,7],
            handles: $ES('span','thumbs_handles7'),
            fxOptions: fxOptions7,
            onWalk: function(currentItem){
                thumbsFx.start(currentItem*60-568);
            },
            startItem: startItem
        });
        hs7.walk(0);
    });

    </script>

1 个答案:

答案 0 :(得分:0)

为什么不使用

 $ES('span','thumbs_handles7')

在他们的例子中?

$$('#thumbs_handles7 span')

这是修复错误吗?

注意:您需要确保拥有在javascript代码中定义的所有html标记及其相关ID