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和我校的託管空間here javascript文件兩者。當我訪問Safari上的鏈接時，日曆顯示正常，但是當我在Firefox或Chrome上打開時，沒有任何反應。

任何幫助，將不勝感激！

Answer 1

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

當用戶訪問通過HTTP提供的頁面時，他們的連接對於竊聽和中間人攻擊是開放的。
當用戶訪問通過HTTPS提供的頁面時，它們與Web服務器的連接將通過SSL進行身份驗證和加密，從而保護您免受竊聽者和中間人攻擊。

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

當HTTPS頁面包含HTTP內容時，我們稱該內容爲「混合」。用戶正在訪問的網頁只是部分加密的，因爲其中一些內容是通過HTTP未加密檢索的。

Chrome和Firefox現在有Mixed Content Blockers，可阻止HTTPS頁面上的某些HTTP請求。

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

要解決它，只需從

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

改變你的腳本的URL對

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

谷歌支持。
並使用當前版本的jQuery，版本1.4已有五十年的歷史了！