Pourquoi ce code jquery ne fonctionne-t-il pas dans ie6?

Question

J'ai un code jquery ici qui fonctionne très bien dans firefox mais quand je le test dans ie6, je ne le vois pas du tout fonctionner (le div n'est pas montré).

ici est mon html

<b>Calendar:</b> <select name="CalendarId" id="calendar_list"> 
<option value="1">Vacation</option><option value="2">Internal Travel</option> 
<option value="13">ER</option><option value="33">PMO Calendar</option> 
</select> 

<span style="display: none;" id="calendarlabel"></span> 

    <hr> 

    <div id="location" style="display: none;"> 
    <label>Travelling to:</label> <select id="location_list" name="TechnicalCentreId">  
<option></option> 
<option value="1">Bangalore</option> 
<option value="2">Chennai</option> 
</select> 
    </div> 

voici mon javascript:

$('#calendar_list').live('change', function() { 
    var calendarId = $(this).val(); 
    if (calendarId == 2) { 
     $("#location").show(); 
    } 
    else { 
     $("#location").hide(); 
    } 
}); 

D'abord, personne ne sait pourquoi ce code ci-dessus ne fonctionne pas dans IE6 mais soyez bien dans tous les autres browswers?

Deuxièmement, comment puis-je déboguer ce qu'il semble être seulement un problème dans IE6 (équivalent besoin Firebug pour voir ce qui se passe)

Answer 1

IE ne bouillonne pas l'événement 'change' correctement, donc vous ne pouvez pas utiliser live ('change').

Au lieu de cela, lier votre comportement à l'événement de changement au moment du chargement:

$(document).ready(function(){ 

$('#calendar_list').change(function() { 
... 
}); 
}); 

http://api.jquery.com/live/

Answer 2

Vous pouvez utiliser Firebug Lite. Il vous permet d'utiliser une version allégée de Firebug dans laquelle vous ne pouvez pas utiliser l'extension complète.

http://getfirebug.com/firebuglite

Tout ce que vous devez faire pour utiliser Firebug Lite est d'ajouter le script externe suivant:

<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script> 

Answer 3

Vous pouvez utiliser la barre d'outils de développeur IE: http://www.microsoft.com/downloads/en/details.aspx?FamilyID=95e06cbe-4940-4218-b75d-b8856fced535