Javascript JSFIDLE脚本不适用于HTTPS_Javascript_Jquery_Html_Http

Javascript JSFIDLE脚本不适用于HTTPS

javascript jquery html http

Javascript JSFIDLE脚本不适用于HTTPS,javascript,jquery,html,http,Javascript,Jquery,Html,Http,我有以下几个简单地实现了jQueryUIDatePicker，以便在日期输入表单中显示日历这是密码 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker functionality</title> <link href="http://code.jquery.com/ui/1.

我有以下几个简单地实现了jQueryUIDatePicker，以便在日期输入表单中显示日历

这是密码

<!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>


jQuery UI日期选择器功能
$（函数（）{
$（“#日期选择器”）.datepicker（）；
});
输入日期：

有趣的是，当我使用这个问题中的链接时，javascript不起作用，而原始链接起作用。我发现如果我从链接中删除https://javascript就可以完美地工作。我对这个问题的了解远远不够，无法理解可能发生的事情。https://会导致javascript出错吗

是不是我包含的链接无法访问

这是一个安全特性，可以最大限度地提高页面的安全性

正如您已经发现并提到的，是您通过http（而不是https）访问的脚本资源导致了问题

你有两个选择（1个更好）

更改通过https调用的脚本，则链接将正常工作

将您的URL更改为通过http

根据下面的选项#1进行编码

$（函数（）{
$（“#日期选择器”）.datepicker（）；
});

输入日期：
调试的第一步是检查浏览器控制台是否有错误：“页面是通过HTTPS加载的，但请求的样式表不安全”。这会准确地告诉您错误是什么-您试图在安全页面上加载不安全的内容。可以通过http查看页面，也可以通过https包含您的资源。好的，我如何检查？我正在使用chrome。您可以在此处阅读有关chrome浏览器控制台的更多信息：