Zebra Datepicker UI 不会在图标单击时弹出 (Internet Explorer 9)答案

【问题标题】：Zebra Datepicker UI does not pop up on icon click (Internet Explorer 9)Zebra Datepicker UI 不会在图标单击时弹出 (Internet Explorer 9)
【发布时间】：2016-03-15 08:57:20
【问题描述】：

我正在尝试在我的项目中使用 zebra datepicker 库。我已经按照here 的说明编写了以下代码：

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="assets/js/jquery-1.8.3.min.js"></script>

<script type="text/javascript" src="assets/Zebra_Datepicker-master/public/javascript/zebra_datepicker.js"></script>
<link rel="stylesheet" href="assets/Zebra_Datepicker-master/public/css/metallic.css" type="text/css"></link>

<script type="text/javascript">
window.onload = function(){
    $('#calendarValue').Zebra_DatePicker();

}
</script>

</head>

<body>
<div id="calendarContainer">
<input type="text" id="calendarValue"></input>
</div>

</body>
</html>

这会导致一个黄色图标附加到带有 id 'calendarValue' 的文本字段，并且当点击该图标时会加载一个日历。我在 chrome、firefox 和 internet explorer 10 和 11 中得到了预期的结果。

虽然斑马的开发人员 (Stefan Gabos) 提到，遵循严格的 doctype () 使其与 IE6+ 兼容，zebra datepicker package 中的示例 html 也可以很好地加载 IE9 上的日期选择器，特别是，我的代码当我在 IE 9 上测试它时不加载 datepicker UI；只有黄色图标附加到文本框，单击按钮时日历 UI 不会打开。可以看出我确实在我的代码中使用了 doctype，因此使用旧版本的 IE 获取 UI 应该是一个问题，但在我的情况下并非如此。截图如下：

我是网络开发的菜鸟，我无法弄清楚这里出了什么问题。

希望这次能详细解释一下。

【问题讨论】：

IE9 存在一些事件触发器静默失败的问题：stackoverflow.com/questions/10961430/… 除此之外，您能否测试一下自己并提供有关具体情况的详细信息？
我在一个项目中使用过zebra datepicker，用IE9测试时它的页面没有完全加载。通过这些简单的代码行，我尝试查看斑马选择器是否真的不能在 IE 上运行，或者是我的代码不起作用。我只是想在 IE9 失败的“calendarValue”文本字段中启动斑马日期选择器。
刚刚编辑了我的问题。我希望我的问题现在已经清楚了。

标签： javascript jquery jquery-ui datepicker jquery-ui-datepicker

【解决方案1】：

实际上问题是我的公司有政策在 IE 中以兼容性视图呈现 Intranet 站点，这在这里造成了麻烦。我使用了边缘元标记：

<meta http-equiv="X-UA-Compatible" content="IE=EDGE">

这迫使我的网站在 IE 中以默认标准模式加载并修复了我的问题。

希望它能帮助像我这样在黑暗中的菜鸟

【讨论】：