gpt4 book ai didi

jquery - Chosen/Select2 jQuery 插件不适用于 IE10

转载 作者:行者123 更新时间:2023-12-03 22:41:51 26 4
gpt4 key购买 nike

下面的代码以 ASP.NET MVC 4 为目标,在 Firefox 和 Chrome 上可以正常工作(页面加载没有错误,下拉列表显示/响应正确),但是 IE10 在页面加载时会抛出以下错误:

> 0x800a01b6 - JavaScript 运行时错误:对象不支持“选择”的属性或方法

这是 SELECT html 标记:

<select class="chzn-select" data-placeholder="Group" name="Group">
@foreach(var group in @Model.Groups)
{
<option value="@group">@group</option>
}
</select>

及其下面的 JavaScript:

 <script type="text/javascript">
$(function () {
$(".chzn-select").chosen();
});
</script>

我已将 selected.css 和 selected.*.js 文件添加到相应的样式和脚本包中,然后将其包含在我的母版页中。

(页面请求上的开发工具屏幕) enter image description here

另外,我尝试使用 select2,它在 IE 中遇到了同样的错误,其他浏览器工作正常。 (我更新了 bundle 以包含对 .css 和 .js 的引用)我更改的代码是:

<select class="GroupDropdown" name="Group">
@foreach(var group in @Model.Groups)
{
<option value="@group">@group</option>
}
</select>
<script type="text/javascript">
$(function () {
$(".GroupDropdown").select2();
});
</script>

以下内容适用于所有浏览器(文件位于根目录并正确命名)

<!DOCTYPE html>
<html>
<head>
<title>Dropdown Test</title>
<script src="jquery.js" type="text/javascript"></script>
<script src="select2.js" type="text/javascript"></script>
<link href="select2.css" rel="stylesheet" />
</head>
<body>
<select>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
</body>
<script type="text/javascript">
$(function(){
$("select").select2();
});
</script>
</html>

最佳答案

我最近也遇到了同样的问题,请确保您使用的是1.8.1以上的稳定jquery版本

关于jquery - Chosen/Select2 jQuery 插件不适用于 IE10,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16128308/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com