Internet Explorer中数据选择器出错

时间:2018-12-03 12:10:55

标签: javascript jquery html css internet-explorer

我在标头中有以下代码:

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

2 个答案:

答案 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>

输出:

enter image description here

因此我们可以说此示例代码没有任何问题,并且在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)">

https://jsfiddle.net/s2yku8q7/3/