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

时间:2012-11-22 15:00:46

标签: mootools mootools1.2

我希望你能提供帮助,

我对mootools相对较新(并且在这里很崭新),而且我一直致力于一个基本的开放式关闭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中运行?

有人可以帮我解决这个问题并给我一些建议以供将来使用吗?

亲切的问候,

杰西卡

1 个答案:

答案 0 :(得分:3)

错别字通常是最难发现的错误;)而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 
});