JavaScript 功能在网络上损坏，但在文件中可用

Question

我用这个小页面创建了一个网站

nikhilgupta.paperplane.io/courseList.html

应该是可点击的，可以改变颜色，并且有弹出窗口等，当我通过文档打开文件时，它就会发生。但是，当我将其托管在域上时，该功能停止工作。

当我删除通过 Chrome 自动插入的 https://时，大部分功能都会恢复。我认为这是因为域名未经验证，但我只是猜测，如果是这样，我该如何解决？

谢谢

Answer 1

如果您正在使用安全连接 (https) 查看页面，大多数浏览器都会阻止页面上不安全的内容。在你的源代码中你有

src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js'

在本例中是不安全的内容。

您可以这样引用:

src='//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js'

根据使用的连接自动选择 http 或 https。