mootools - Mootools 脚本在 Internet Explorer 7 中不起作用

Question

我希望你能帮助，

我对 mootools 比较陌生（对这里也是全新的），我一直在研究一个基本的 open close div。可以在这里看到：http: //jsfiddle.net/jessicajet/2jZz5/。它包括我在其他地方找到的可点击链接脚本。

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

   Element.Events.outerClick = {
    base : 'click',
    condition : function(event){
    event.stopPropagation();
    return false;
     },
    onAdd : function(fn){
    this.getDocument().addEvent('click', fn);
     },
    onRemove : function(fn){
    this.getDocument().removeEvent('click', fn);
    }
    };


    (function() {
var opener = $('box2');
var boxtoopen = $('box');
var testmorph = $('test')

boxtoopen.set('morph', {
    duration: 800, 
});

boxtoopen.addEvent('outerClick', function(event) {
    boxtoopen.morph(".openOff");
     testmorph.morph(".openOff2"); 
});

opener.addEvent('click', function(e) {
    e.stop();
    boxtoopen.morph(".openOn");    
    testmorph.morph(".openOn2");    
});

})();


 var clix = new dwClickables({
elements: $('.box2'),
anchorToSpan: true
});


 });
</script>

尽管在其他浏览器中似乎一致，但它似乎在 ie7 中不起作用？

谁能帮我解决这个问题并给我一些建议以供将来使用？

亲切的问候，

杰西卡

Answer 1

错别字通常是最难发现的错误；) IE 对此可能非常严厉。

http://jsfiddle.net/2jZz5/2/

我添加了一个缺少的分号 (;) 并删除了一个不需要的逗号 (,)

前：

var opener = $('box2');
var boxtoopen = $('box');
var testmorph = $('test')

boxtoopen.set('morph', {
    duration: 800, 
});

后：

var opener = $('box2');
var boxtoopen = $('box');
var testmorph = $('test');

boxtoopen.set('morph', {
    duration: 800 
});