javascript - 卡住了 mootools 脚本。图像自动切换

Question

<div id="contentimage">
    <img src="1.jpg" class="activeimage" />
    <img src="2.jpg" style="opacity: 0;" />
    <img src="3.jpg" class="last" style="opacity: 0;" />
</div>

<script>
window.addEvent('domready', function() {

    var fx = function() {

    var activeimage = $$('img.activeimage');

        if(!activeimage.hasClass('last')) {

            var next = activeimage.getNext('img');

            activeimage.toggleClass('activeimage');
            next.toggleClass('activeimage');

            activeimage.morph({'opacity':'0'});
            next.morph({'opacity':'1'});

        } else {

            var next = $('contentimage').getFirst('img');

            activeimage.toggleClass('activeimage');
            next.toggleClass('activeimage');

            activeimage.morph({'opacity':'0'});
            next.morph({'opacity':'1'});

        }

    }

    fx.periodical(3000);

});
</script>

我就是不明白为什么会这样:

if(!activeimage.hasClass('last'))

总是返回 false ？我尝试用“警报”检查它，一切都很好，但是当涉及到这一行时 - 它并不像我预期的那样。

Answer 1

改用这个:

var activeimage = document.getElement('img.activeimage');

否则$$将得到一个family并且你不能像这样应用.hasClass()。

演示 here (几秒钟后检查控制台)