加载jquery,raphael和morris时出现问题

时间:2020-08-17 16:44:21

标签: javascript jquery morris.js

我试图学习用html制作图形,我发现了一个morris.js库,可以做到这一点。但是在尝试连接库的阶段我遇到了问题。我从morris的官方网站复制了该部分,但是它不起作用。进入页面后,我的加载时间很长(几分钟)。有没有人遇到过这样的问题?如何解决页面这么长时间的加载?

<html>
    <head>
        <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css">
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script> 
    </head>
    <body>
    </body>
</html>

1 个答案:

答案 0 :(得分:0)

要使用CDN托管的资产,请将https:添加到源地址

<html>
    <head>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script> 
    </head>
    <body>
    </body>
</html>

或者如果您要从本地文件系统加载脚本,则只需将地址替换为文件路径即可。