MooTools的腳本將無法在Internet Explorer 7工作

我希望你能幫忙，MooTools的腳本將無法在Internet Explorer 7工作

我是比較新的MooTools的（和全新的在這裏），我一直在一個基本的打開關閉格。在這裏可以看到：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中工作，雖然它似乎在其他瀏覽器一致？

誰能幫我解決這個問題，並給我以供將來使用一些建議嗎？

親切的問候，

傑西卡

來源

2012-11-22 Jessicajet

錯別字往往發現TE最壞的錯誤;）和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 
});

來源

2012-11-22 15:10:06

感謝您幫助，它現在工作，我感覺有點傻！在ie7中仍然很奇怪，這可能是我的CSS而不是JavaScript的問題嗎？ – Jessicajet

不要覺得愚蠢，我這樣做是爲了生活，仍然做錯別字，然後浪費半天的時間試圖找到最新的錯誤;）我學會了它通常會幫助ALOT，如果你讓其他人看看，當你不工作它缺少的格式通常會跳出。關於進一步差異，是啊，IE7 CSS的不同，那裏有本關於它的網站和書籍的鉅額（IE一般） Honestlly我不是很確定什麼用「＃test2的」交易DIV下降，而它下面的按鈕變形，你可能想重新考慮html結構。 –

跟進，繼承人我怎麼會做出這樣的功能：http://jsfiddle.net/2jZz5/4/（請注意，我沒有觸摸「CLIX」，因爲我是一無所知，做什麼），其較CSS，元素和js ，在IE7中可以正常工作，但是如果您使用負值'margin'，則可以使用idk –

MooTools的腳本將無法在Internet Explorer 7工作

回答

相關問題