javascript - "Uncaught TypeError: undefined is not a function"使用 noobslider 和 mootools 的 JavaScript 错误

Question

我是 Javascript 的新手，一直在尝试使用名为 noobSlide (mootools) 的 slider ，但在一次成功后，我发现它在我第二次尝试时损坏了。

我收到的错误是“Uncaught TypeError: undefined is not a function”引用这行代码:

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>

Answer 1

为什么不用

 $ES('span','thumbs_handles7')

就像他们的例子一样？

$$('#thumbs_handles7 span')

这是修复错误了吗？

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