Почему мой JQuery не загружается на IE?

Question

Я сделал эту викторину javascript: http://utbm.trunat.fr/CIP/quiz/

Он работает в обычном браузере, но даже не загружается с помощью Internet Explorer.

Это шов, что он не распознает функцию initQuiz().

У вас есть представление, как я могу это исправить?

Answer 1

• Internet Explorer не принимает Запятая:

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

• По-видимому, еще одна ошибка приходит от этой линии:

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

  Оказывается you can't set the title like that in IE. Вместо этого используйте document.title = QUIZ_TITLE[lang].

• Третья ошибка заключается в том, что вы вводите новую переменную question без ключевого слова var, что является ошибкой в ​​IE. Вы делаете это снова, позже, в response. Обновите свою loadXML как таковой:

  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); 
  } 
  

• Четвертая ошибка в том, как вы проверочной, что ответ является правильным.

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

  Вы сравниваете значение атрибута к значению строки "true"data-type, но когда вы присвоить значение, вы установите его в логическое значение true:

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

  Чтобы убедиться, что вы всегда сравниваете строковые значения, например, вы можете установить значение как таковое:

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