内联Javascript不是Rails Heroku不工作

Inline Javascript NOT Rails Heroku not working

本文关键字:工作 Heroku Rails Javascript 不是 内联      更新时间:2023-09-26

我目前正在尝试自己学习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

Uncaught ReferenceError: $没有定义xml .js:266未捕获的TypeError: plugin. jsIsCommandKeyUndetectEnable不是一个函数

Pointy给了我这个链接:为什么我突然得到一个"阻止加载混合活动内容";问题?

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