jquery - jQuery UI 映射和 getScript() 不能一起工作

Question

我写了以下片段：

$.getScript("http://maps.google.com/maps/api/js?sensor=true", function() {
  $.getScript("/media/lib/jquery.ui.map.js", function() {
    $.getScript("/media/lib/jquery.ui.map.extensions.js",  function() {
      $.getScript("/media/lib/jquery.ui.map.overlays.js", function() {
        $('#map_canvas').gmap('option', 'zoom', 14);
        $('#map_canvas').gmap('option', 'disableDefaultUI', true);
      });
    });
  });
});

用于将 .gmaps() 函数异步应用于我的 map_canvas。如果我通过标签加载完全相同的文件（包括路径），我没有任何问题。如果我使用上面的级联版本，我会得到：

Uncaught TypeError: undefined is not a function

问题似乎是，未定义 gmap() 。为什么？

有人看到我的代码有问题吗？

拍

Answer 1

我有同样的问题，现在正在寻找解决方案，但是您可以在控制台上看到解析器错误。

$.getScript( url ).done( function(script, textStatus, jqxhr) {
       console.log(script); //data returned
       console.log(textStatus); //success
       console.log(jqxhr.status); //200
    }).fail(function(jqxhr, settings, exception) {
        console.error('Error when loading a JS: ', settings);
    });