时间戳

首页 > 解决方案 > 加载 jquery、raphael 和 morris 时出现问题

javascript - 加载 jquery、raphael 和 morris 时出现问题

问题描述

我正在尝试学习用 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>

标签： javascriptjquerymorris.js

解决方案

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

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

推荐阅读