Ошибка: «History.Adapter» является нулевым или нет объектом

Question

js и все работает отлично во всех браузерах, кроме IE8. Я Следующая ошибка

Error: 'History.Adapter' is null or not an object

Мой код:

@Scripts.Render("~/bundles/history") 
<script type="text/javascript"> 

    var History = window.History; 
    $(document).ready(function() {   
    change(1, '#catalog');   

    History.Adapter.bind(window, 'statechange', function() { 
     try { 
      var State = History.getState(); 
      $('#Products').load(State.url); 
     } catch (e) { 

     }  
    }); 

    function change(id, ItemMenu) { 
     var url = $('#' + id).val(); 
     try 
     {   
      History.pushState({}, null, url); 
     } 
     catch(e) 
     { 
     }     

    } 
</script> 

и скрипты:

bundles.Add(new ScriptBundle("~/bundles/history").Include(
      "~/Scripts/History/history.adapter.jquery.js", 
      "~/Scripts/History/history.html4.js", 
      "~/Scripts/History/history.js", 
      "~/Scripts/History/json2.js" 

      )); 

Answer 1

Для правильной работы в IE 8 вам нужно разместить инициализации history.js и History.Adapter.bind внутри $ (document) .ready (...) Это будет работать во всех браузерах ... и IE 8 до

@Scripts.Render("~/bundles/history") 
<script type="text/javascript"> 
    $(document).ready(function() { 
     var History = window.History; 

     History.Adapter.bind(window, 'statechange', function() { 
      try { 
       var State = History.getState(); 
       $('#Products').load(State.url); 
      } catch (e) { 

      } 
     }); 
    }); 


    function change(id, ItemMenu) { 
     var url = $('#' + id).val(); 
     try 
     {   
      History.pushState({}, null, url); 
     } 
     catch(e) 
     { 
     }     

    } 
</script>