¿Por qué mi JQuery no se carga en IE?

Question

Hice esta prueba de Javascript: http://utbm.trunat.fr/CIP/quiz/

Funciona en el navegador normal, pero ni siquiera carga con Internet Explorer.

Se ve que no reconoce la función initQuiz().

¿Tiene alguna idea de cómo puedo solucionar esto?

Answer 1

• Internet Explorer no acepta la coma final:

  question = {'texte': $(this).attr("texte"), 
      'sound': $(this).attr("sound"),} 
  

• Al parecer, otro error proviene de esta línea:

  $('title').html(QUIZ_TITLE[lang]); 
  

  Resulta que you can't set the title like that in IE. Use document.title = QUIZ_TITLE[lang] en su lugar.

• Un tercer error es que está introduciendo una nueva variable, question sin la palabra clave var, que es un error en IE. Lo estás haciendo de nuevo, más tarde, en response. Modificar una loadXML como tal:

  function loadXML(xml) { 
      $(xml).find("question").each(function() { 
      var question = {'texte': $(this).attr("texte"), 'sound': $(this).attr("sound")}; 
  
       reponses = []; 
       $(this).find('carre').find('reponse').each(function() { 
       var reponse = {'texte': $(this).text(), 'sound': $(this).attr("sound"), 'bonne': false}; 
       if($(this).attr('bonne') == "vrai") reponse['bonne'] = true;    
       reponses.push(reponse); 
      }); 
  
      question['reponses'] = reponses; 
      questions.push(question); 
      }); 
      startGame(questions); 
  } 
  

• Un cuarto error es en la forma en que está verificando que una respuesta es correcta.

  if($(this).attr('data-type') == 'true') 
  

  se compara el valor del atributo data-type para el valor de cadena "true", pero cuando se asigna el valor, lo establece en el valor booleano true:

  $('#r'+(i+1)+'input').attr('data-type', r.bonne); 
  

  Para asegurarse de que siempre está comparando valores de cadena, por ejemplo, puede establecer el valor como tal:

  $('#r'+(i+1)+'input').attr('data-type', r.bonne.toString());