'Raphael'在IE中未定义

Question

我想让一些鼠标事件管理在使用Raphael的IE中工作。

但是我收到错误'Raphael'在Internet Explorer 9中未定义，即使它在其他浏览器（如Chrome）中运行良好。

这里是jsfiddle和代码：

<div id="sample"></div> 
<div id="status"></div> 



var width = 400; 
var height = 200; 
var paper = Raphael(document.getElementById('sample'), 0, 0, width, height); 

var rect = paper.rect(0, 0, width, height); 
rect.attr({ 
    stroke: "#888", 
    fill: "#eaeaea" 
}); 



var circle = paper.circle(50, 60, 20); 
    circle.attr({ 
     fill: "#f90" 
    }); 

$(circle.node).mouseenter(function(e){ 
     $('#status').html('Entered circle'); 
    }); 
$(circle.node).mouseleave(function(e){ 
     $('#status').html('left circle'); 
    }); 

它使用这个版本的库：https://raw.github.com/DmitryBaranovskiy/raphael/master/raphael-min.js

你能识别为什么不工作在IE帮助？

Thanksk

Answer 1

的问题是与托管在GitHub上默认情况下，看到Issue 173

的解决方法是从一个链接到raphaeljs.com改变你的管理资源链接，该链接指向http://github.com/DmitryBaranovskiy/raphael/raw/master/raphael.js到一个在cdnjs.com上托管 - http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js。