2013-04-21 54 views
7

下面的代码targest ASP.NET MVC 4正常工作在Firefox和Chrome(页面加载没有错误,并且下拉显示/响应正确),但是IE10抛出以下当页面加载:获选/选择二jQuery插件不工作有了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> 

和TH ËJavaScript的下方:

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

我已经加入了chosen.css并选择* JS文件到相应的样式和脚本捆绑,然后我包括在我的母版页。

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

而且,我试图与选择2,它经历了IE浏览器相同的错误,其他浏览器正常工作。 (我更新了捆绑包括对.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

你肯定脚本实际上是越来越加载? – 2013-04-21 06:36:45

+0

你指的是哪个脚本?如果是问题中的问题,我该如何检查? (所选择的.js,.css和jQuery的都被按照IE10开发工具下载) – HennyH 2013-04-21 07:48:36

+0

我的意思是所选择的.js文件。但那么这不是问题 – 2013-04-21 07:50:50

回答

2

最近我有同样的问题,确保您以后使用一个稳定版本的jQuery 1.8.1相比

+0

为我工作,+1 :) – 2013-05-03 19:09:10