JSFiddle腳本不適用於HTTPS

Question

我有以下JSFiddles腳本，該腳本僅實現jQuery-UI Datepicker ，以便在日期輸入表單中顯示日歷。

這是代碼

<!doctype html>
<html lang="en">
 <head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker functionality</title>
  <link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
  <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
  <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

  <!-- Javascript -->
  <script>
     $(function() {
        $( "#datepicker" ).datepicker();
     });
  </script>
</head>
<body>
  <!-- HTML --> 
    <p>Enter Date: <input type="text" id="datepicker"></p>
</body>
</html>

有趣的是，當我使用我在這個問題中使用的鏈接時，javascript不起作用，而原始鏈接卻起作用。 我發現，如果我從鏈接中刪除https：//，則javascript可以正常運行。 我對這個問題了解得還不夠多，無法理解可能會發生什么。 那https：//可能會導致JavaScript錯誤？

是我所包含的鏈接無法訪問嗎？

Answer 1

這是混合內容，是一項安全功能，可最大程度地提高頁面的安全性。

正如您已經發現並提到的那樣，是導致您通過http（而非https）訪問的腳本資源。

您有2個選項（最好是1個）。

更改要通過https調用的腳本，然后您的鏈接將起作用
將您的網址更改為通過http

按照下面的選項＃1進行編碼。

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

 <script src="https://code.jquery.com/jquery-1.10.2.js"></script> <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> <link href="https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet"/> <p>Enter Date: <input type="text" id="datepicker"></p>

JSFiddle腳本不適用於HTTPS

問題描述

1 個解決方案

解決方案1
0 2019-06-23 08:17:20

JSFiddle腳本不適用於HTTPS

問題描述

1 個解決方案

解決方案1 0 2019-06-23 08:17:20

解決方案1
0 2019-06-23 08:17:20