[英]Inline Javascript NOT Rails Heroku not working
我目前正在尝试自己学习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
未捕获的ReferenceError:$未定义xl.js:266未捕获的TypeError:plugin.IsCommandKeyUndetectEnable不是函数
Pointy已将我定向到此链接: 为什么我突然在Firefox中遇到“阻止加载混合的活动内容”的问题?
它解决了我的问题。 非常感谢Pointy的帮助:)我已经删除了//前面的http:,并且现在部署的英雄网站可以正常工作。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.