内联 Javascript 不是 Rails Heroku 不工作答案

【问题标题】：Inline Javascript NOT Rails Heroku not working内联 Javascript 不是 Rails Heroku 不工作
【发布时间】：2015-08-06 04:40:08
【问题描述】：

我目前正在尝试自学 Javascript。我意识到，当我在本地主机上时，我所有的网站都运行良好。但是，当我将每个页面部署到 Heroku 时，Javascript 似乎无法正常工作。有什么我应该添加到我的文件中以使其在 Heroku 上工作的东西。需要注意的是它只是一个静态网站，而不是基于 Rails 语言。非常感谢您的帮助。

以下是我的代码：

<html>
<head>
<link rel="stylesheet" type="text/css" href="exe6.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    var number = 20;

$("img").click(function(){

$(this).css("box-shadow",'black 0px 0px ' + number +'px');
number = number + 10;
});
});

</script>
 </head>

<body>
<div class="image">
<img src="img/cute_puppy.jpg" alt="">   
</div>
<div class="quote">Random Sentence</div>
<div class="quote">Random Sentence</div>

</body>
</html>

css

.image
{
text-align: center;
vertical-align: middle;
}

body
{
background-color: rgb(237,210,204);
}

.quote
{
margin-right: auto;
margin-left: auto;
text-align: center;
padding-top: 30px;
font-family: Helvetica;
font-size: 20px;
}

img
{
box-shadow : white 0px 0px 50px;
}

尝试在控制台查看网站后，浏览器控制台出现错误。

混合内容：“https://xxx.herokuapp.com/exe6.html”处的页面通过 HTTPS 加载，但请求了不安全的脚本“http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js”。

此请求已被阻止；内容必须通过 HTTPS 提供。 exe6.html:6

未捕获的引用错误：$ 未定义 xl.js:266 Uncaught TypeError: plugin.IsCommandKeyUndetectEnable 不是函数

【问题讨论】：

这里的“不工作”是什么意思？浏览器控制台有错误吗？
我已经编辑了帖子，出现浏览器控制台中给出的错误。
这意味着您的 jQuery 导入失败。当您从 Heroku 加载页面内容并执行“查看源代码”时，您的页面内容是什么样的？ jQuery 的 <script> 标记与您在问题中得到的完全一样吗？
是的，完全一样。我在谷歌浏览器中意识到，点击 'Inspect Element' -> 'Sources' tab -> 'Sources' 后，包含的只是我的 exe6.html 和 exe6.css 。 jQuery.min.js 不在此列表中。
这很奇怪；我无法解释。如果浏览器正在获取您展示的页面，则应该没有任何东西阻止它从 Google 加载库。

标签： javascript css heroku

【解决方案1】：

Pointy 已将我引导至此链接：Why am I suddenly getting a "Blocked loading mixed active content" issue in Firefox?

它解决了我的问题。非常感谢 Pointy 的帮助 :) 我已经删除了 // 前面的 http:，现在我部署的英雄网站工作正常。

【讨论】：