2016-10-11 13 views
0

私のインデックスには<a href="/dashboard/gov.html">Government dashboard</a>があります。これは私のgovページにリンクしています。私のgovページには、私たちはgoogle map apiと自分のjavascriptを持っています。しかし、govページへのリンクをクリックすると、自分のjのうちの1つだけがうまく動作します。 奇妙なことは、私がリダイレクトするリンクをクリックする代わりにgov.htmlをリロードして(またはルートとして設定して)、うまく動作しているようです。ここでjsがレールにルビーを正しく読み込まない

は仕事をdoest HTML部分である:あなたの助けのための

<div id='map' style='height:280px; width:400px' /> 

<script src="https://maps.googleapis.com/maps/api/js?key=XXX"></script> 

<script> 
     var map = new google.maps.Map(document.getElementById('map'), { 
        center: new google.maps.LatLng(31.267401, 121.522179), 
        mapTypeId: google.maps.MapTypeId.ROADMAP, 
        zoom: 11 
       }); 

           var t = new Date().getTime(); 
     var waqiMapOverlay = new google.maps.ImageMapType({ 
        getTileUrl: function(coord, zoom) { 
          return 'http://tiles.aqicn.org/tiles/usepa-aqi/' + zoom + "/" + coord.x + "/" + coord.y + ".png?token=_TOKEN_ID_"; 
        }, 
        name: "Air Quality", 
     }); 

     map.overlayMapTypes.insertAt(0,waqiMapOverlay); 
</script> 

    </th> 
    <th><img id="imgtraffic" width="395" height="280" /></th> 
    </tr> 
</table> 

<table align="center" width="811" border="1"> 
    <tr> 
    <td bgcolor="#9AD7F1" width="811">City Heat Map</td> 
    </tr> 
    <tr> 
    <td><div id="container"></div> 
    <div class="button-group"> 
     <input type="button" class="button" value="Show heat map" onclick="heatmap.show()"/> 
     <input type="button" class="button" value="Close heat map" onclick="heatmap.hide()"/> 
    </div> 
    <script> 
     var map = new AMap.Map("container", { 
     resizeEnable: true, 
     center: [116.418261, 39.921984], 
     zoom: 11 
    }); 
    if (!isSupportCanvas()) { 
     ... 
    </script> 

    </td> 
    </tr> 
</table> 

おかげで多くのことを。

+0

ブラウザでコンソールを起動し、リンクをクリックしたときにエラーが発生していないかどうかを確認します。 –

答えて

0

内にコードを配置しようとするおかげで、すべて、実際には単にturbolinsを無効にするには、リンク

<%= link_to 'Government dashboard', "/dashboard/gov.html", data: { turbolinks: 'false'} %> 

のプロパティを変更することでOKです。

3

$(document).on('turbolinks:load', function() { 
    Your code here 
}) 
+0

'turbolinks'はより速くページを読み込み、私の存在のベーンです。 – engineersmnky

関連する問題