jQuery Datepicker可在Safari中使用，但不能用於FF或Chrome

Question

我簡化了代碼，希望可以更容易地弄清楚。

HTML

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>

<script src="script.js"></script>

<link rel="stylesheet" type="text/css" media="all"
      href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/smoothness/jquery-ui.css"/>

<div type="text" id="datepicker">

使用Javascript

$(function() {
$("#datepicker").datepicker();
});

我已經在這里的學校托管空間中上傳了HTML和javascript文件。 當我訪問Safari上的鏈接時，日歷顯示正常，但是當我在Firefox或Chrome上打開日歷時，則沒有任何反應。

任何幫助，將不勝感激！

Answer 1

您的學校托管使用SSL，因此它是一個https://鏈接。

當用戶訪問通過HTTP服務的頁面時，他們的連接將被打開以進行竊聽和中間人攻擊。
當用戶訪問通過HTTPS服務的頁面時，他們與Web服務器的連接將通過SSL進行身份驗證和加密，因此可以防止竊聽和中間人攻擊。

但是，如果HTTPS頁面包含HTTP內容，則即使主頁面通過HTTPS提供服務，攻擊者也可以讀取或修改HTTP部分。

當HTTPS頁面具有HTTP內容時，我們稱該內容為“混合”。 用戶訪問的網頁僅被部分加密，因為某些內容是通過HTTP未加密地檢索到的。

Chrome和Firefox現在具有混合內容阻止程序 ，可以阻止HTTPS頁面上的某些HTTP請求。

出於安全原因，當加載腳本的頁面使用https時，Firefox和Chrome將阻止所有未從https地址加載的腳本。

要解決此問題，只需從以下位置更改腳本的URL

http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

至

https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

Google兩者都支持。
並使用當前版本的jQuery，版本1.4已使用了五年！