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