JQuery не работает в Google chrome

Question

$.getScript('Scripts/TEST/jquery-1.10.2.js', function() { 
    $.getScript('Scripts/TEST/jquery-ui.js', function() { 
     $("#accordion").accordion(); 
    }); 
}); 

Это работает с IE, но не работает в google chrome.

Answer 1

Проблема заключается в том, что ваш аккордеон вызывается. Согласно API docs

обратного вызова вызывается после загрузки сценария, но не обязательно выполняется.

В вашем случае обратный вызов для jquery-ui.js вызывается сразу после завершения загрузки, но до выполнения сценария. В последних браузерах, таких как Chrome, они загружают сценарий, но пытаются отложить выполнение до готовности DOM.

Вы можете решить это двумя способами.

1. Добавьте jquery-ui.js зависимость непосредственно сразу после jquery.js
2. Вы можете использовать загрузчик скрипт как LABjs/requireJS

Если вы используете LABjs, то вы можете сделать что-то вроде этого

<!-- download LABjs directly --> 
    <script src="LAB.js"></script> 
    <!-- use LAB to download other dependencies --> 
    <script> 
    $LAB 
     .script("Scripts/TEST/jquery-1.10.2.js").wait() 
     .script("Scripts/TEST/jquery-ui.js") 
     .wait(function(){ 
      $("#accordion").accordion(); 
     }); 
    </script>