我有以下 JSFiddles script它简单地实现了 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 出错吗?
是不是我添加的链接无法访问?
最佳答案
这是 Mixed Content并且是一项安全功能,可最大限度地提高您网页的安全性。
正如您已经发现并提到的那样,导致问题的是您通过 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>
关于javascript - JSFiddle 脚本不适用于 HTTPS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32705501/