內聯Javascript NOT Rails Heroku無法正常工作

Question

我目前正在嘗試自己學習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不是函數

Answer 1

Pointy已將我定向到此鏈接：為什么我突然在Firefox中遇到“阻止加載混合的活動內容”的問題？

它解決了我的問題。 非常感謝Pointy的幫助：）我已經刪除了//前面的http：，並且現在部署的英雄網站可以正常工作。

內聯Javascript NOT Rails Heroku無法正常工作

問題描述

1 個解決方案

解決方案1
0 已采納 2015-05-24 17:32:38

內聯Javascript NOT Rails Heroku無法正常工作

問題描述

1 個解決方案

解決方案1 0 已采納 2015-05-24 17:32:38

解決方案1
0 已采納 2015-05-24 17:32:38