2013-04-21 8 views
7

Der folgende Code, der ASP.NET MVC 4 Targeting funktioniert ordnungsgemäß in Firefox und Chrome (die Seite lädt ohne Fehler und das Dropdown zeigt/reagiert ordnungsgemäß) jedoch IE10 löst Folgendes aus wenn die Seite geladen wird:Ausgewählte/Select2 jQuery-Plugins funktionieren nicht mit IE10

> 0x800a01b6 - JavaScript-Laufzeitfehler: Objekt unterstützt keine Eigenschaft oder Methode 'gewählt'

Dies ist der SELECT hTML-Markup:

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

und th e JavaScript darunter:

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

ich die chosen.css und gewählt habe, hinzugefügt * js Dateien in die entsprechenden Art und Script-Bundles, die mich dann in meiner Masterseite enthalten...

(Bildschirm von Entwickler-Tool auf Seite Anfrage) enter image description here

Auch habe ich versucht, mit select2 und erlebte die gleichen Fehler in IE, der anderen Browser funktionierte gut. (I die Bündel aktualisiert Verweise auf die CSS- und JS enthalten) Der Code, den ich geändert wurde:

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

folgende Arbeiten auf allen Browsern (mit den Dateien im Wurzel und dem Namen korrekt)

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

verwenden Sind Sie sicher, dass das Skript tatsächlich geladen wird? –

+0

Auf welches Skript beziehen Sie sich? Wenn es der eine in der Frage ist, wie kann ich überprüfen? (Die gewählten .js, .css und jQuery werden alle gemäß IE10-Dev-Tools heruntergeladen.) – HennyH

+0

Ich meinte die gewählten .js. Aber dann ist das nicht das Problem –

Antwort

2

Ich hatte das gleiche Problem in letzter Zeit, stellen Sie sicher, dass Sie eine stabile jquery Version später als 1.8.1

+0

hat für mich funktioniert, +1 :) –