Question

此html示例正常运行。它加载Map，它可以移动，缩放等。

<!DOCTYPE html>
<html>
<head>
  <script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
  <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js" type="text/javascript" ></script>
  <script src="C:\Sites\MyApp\app\assets\javascripts\mobile\jquery.ui.map.full.min.js" type="text/javascript"></script>
</head>

<body>
  <script>
    $(function() {
      $('#map_canvas').gmap();
    });
  </script>

<div id="map_canvas" style="width:250px;height:250px"></div>

</body>
</html>

但是当我将它放入我的Ruby on Rails应用程序时（仅在第4个脚本路径中存在差异）：

<!DOCTYPE html>
<html>
<head>
  <script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
  <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js" type="text/javascript" ></script>
  <script src="assets\mobile\jquery.ui.map.full.min.js" type="text/javascript"></script>
</head>

<body>
  <script>
    $(function() {
      $('#map_canvas').gmap();
    });
  </script>

  <div id="map_canvas" style="width:250px;height:250px"></div>

</body>
</html>

地图不再可移动了。这就像静态图像。每个js文件都被加载，除了“jquery.ui.map.full.min.js”文件路径更改外，一切都是一样的。在两种情况下都正确加载了该文件，唯一不同的是，在Rails情况下，该文件在文件末尾有一个额外的空行和一个额外的分号（;）。

会发生什么？有没有其他人成功地将jquery-ui-map插件和ruby组合在轨道上？是什么导致了这种奇怪的想法？

我正在使用的jquery-UI-地图-3.0-RC Rails 3.2.3

Answer 1

尝试使用http://jsbeautifier.org/

对jquery.ui.map.full.min.js进行细分

然后将jquery.ui.map.full.min.js重命名为map.js。

这样对我有用。

Rails上的jQuery-ui-map插件：Map没有响应（无法移动或缩放等）

1 个答案: