Код Javascript не работает только в IE

Question

Я только что проверил, что мой код javascript отлично работает во всех браузерах, кроме IE. Как возможно, что скрипт правильно читается и выполняется в Chrome, Safari ... но IE обнаруживает необъяснимую ошибку и отказывается запускать код?

$(document).ready(function() { 
     var NewsNavigator = { 

      init: function(config) { 
       this.news = config.news; 
       this.newsNum = this.news.length; 
       this.navbuttons = config.navbuttons; 
       this.prevButton = config.prevButton; 
       this.nextButton = config.nextButton; 
       this.displayatonce = config.displayatonce; 
       this.maxSteps = Math.ceil(this.newsNum/this.displayatonce); 
       this.counter = 0; 
       this.navigateNews(); 
       this.enableNav(); 
       this.checkButtonsVisibility(); 

      }, 

      showNews: function() { 
       var start = this.counter * this.displayatonce; 
       var end = this.counter * this.displayatonce + (this.displayatonce - 1); 
       for (i=start; i<=end; i++) { 
        this.news.eq(i).show(); 
       } 

      }, 

      hideAllNews: function() { 
       console.log("hiding news"); 
       this.news.hide(); 
      }, 

      navigateNews: function() { 
       this.hideAllNews(); 
       this.showNews(); 
      }, 

      checkButtonsVisibility: function() { 
       if (this.counter <= 0) 
       { 
        this.prevButton.css('visibility', 'hidden'); 
       } 
       else 
       { 
        this.prevButton.css('visibility', 'visible'); 
       } 

       if (this.counter >= this.maxSteps - 1) 
       { 
        this.nextButton.css('visibility', 'hidden'); 
       } 
       else 
       { 
        this.nextButton.css('visibility', 'visible'); 
       } 
      }, 

      enableNav: function() { 
       self = this; 
       this.navbuttons.on('click', function(event) { 
        if (($(this).data('dir') === 'prev') && (self.counter > 0)) { 
         self.counter--; 
         self.navigateNews(); 
        } else if (($(this).data('dir') === 'next') && (self.counter < self.maxSteps - 1)) { 
         self.counter++; 
         self.navigateNews(); 
        } 
       self.checkButtonsVisibility(); 
       event.preventDefault(); 
       }); 
      } 
     }; 

     NewsNavigator.init({ 
      news: $('div#cat-news').find('div.oneCol'), 
      displayatonce: 3, 
      navbuttons: $('div#nav').find('a'), 
      prevButton: $('div#nav a.prec'), 
      nextButton: $('div#nav a.succ') 
     }); 
}); 

Сообщение об ошибке в IE9

SCRIPT438: The object doesn't support the 'checkButtonsVisibility' property or method. 
NewsNavigator.js, Row 69 Character 5 

Answer 1

Используйте яваскрипт инструмент для проверки, таких как JSLint, чтобы обеспечить максимальную Compability. Это, поскольку один пропущенный символ (например, ;, ' и т. Д.) Может привести к тому, что ваш сценарий не будет запущен в определенных браузерах.

JSLint также предоставит различные советы о том, что делать и не делать, чтобы обеспечить еще большую совместимость.

Answer 2

Хорошо, что сводится к истории JavaScript.

JavaScript был реализован на основе ECMAScript:

http://en.wikipedia.org/wiki/ECMAScript

Каждый поставщик один веб-браузер (Mozilla, Google, Microsoft) решили, что они не хотят, чтобы стандартизировать JavaScript и каждый из них придумал их собственная реализация ECMAScript и, следовательно, их собственный механизм JavaScript.

Таким образом, у программистов возникает головная боль, пытающаяся написать JavaScript, совместимый со всеми этими разными механизмами JavaScript, потому что каждый из них читает JavaScript по-своему (что отвечает на ваш вопрос о том, почему IE обнаруживает какую-то необъяснимую ошибку, а остальная часть 't)

Веселый факт. Только реализация Mozilla ECMAScript на самом деле называется «JavaScript».

Вы должны найти, как писать JavaScript, который является кросс-совместимым для разных движков JavaScript.