加载 jquery、raphael 和 morris 时出现问题答案

【问题标题】：Problems loading jquery, raphael and morris加载 jquery、raphael 和 morris 时出现问题
【发布时间】：2020-08-17 16:44:21
【问题描述】：

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

<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>

【问题讨论】：

标签： javascript jquery morris.js

【解决方案1】：

要使用 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>

或者如果你想从本地文件系统加载脚本，那么只需将地址替换为文件路径。

【讨论】：