我在标头中有以下代码:
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
以及此脚本之后的更多内容
<script type="text/javascript">
jQuery(function($){ //on document.ready
$('#datePicker').datepicker();
});
</script>
在我的HTML中,我使用这句话:
<input id="datePicker" name="datePicker" type="date" size="36" onkeypress="return postOnReturn(event)">
在Chrome浏览器中,我可以看到数据选择器,但在Internet Explorer中,我只能看到一个空字段。并在控制台
中显示错误消息,提示“未定义JQUEry”你知道会发生什么吗?
THX!
答案 0 :(得分:1)
我尝试参考您的步骤以在IE方面解决此问题。我发现您的代码在我这方面工作正常,没有任何错误。这是我的测试结果。
代码:
<!doctype html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript">
jQuery(function($){ //on document.ready
$('#datePicker').datepicker();
});
</script>
</head>
<body>
<input id="datePicker" name="datePicker" type="date" size="36" onkeypress="return postOnReturn(event)">
</body>
</html>
输出:
因此我们可以说此示例代码没有任何问题,并且在IE中运行正常。其他代码行可能有此问题并导致此错误。您可以尝试再次检查代码。
如果您正在使用比我建议的任何旧版本的IE,都建议您改用IE11。它也可以帮助您解决问题。我还用各种文档模式测试了代码,并且没有任何错误。
您可以尝试使用我的代码进行测试,并检查其是否正常运行。 让我们知道您的测试结果。
答案 1 :(得分:0)
使用这种方式
<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<input id="datePicker" name="datePicker" type="text" size="36" onkeypress="return postOnReturn(event)">