Javascript 谷歌地图消失

我有一个.click jquery函数，在点击链接的同时获取经度和纬度并将地图平移到这一点。 我已经试过了，但是当我点击链接时，地图消失了，只有地图的灰色背景和中心标记保持不变

html.erb

<td id="<%= i%>" data-lat="<%= favorite_place.latitude%>" data-lng="<%= favorite_place.longitude%>"><a class="clicks" href="#"><%=truncate(favorite_place.name,length:19,omission:'',separator:',')%></a> </td>

javascript
//When user clicks on the name of any place the map pans to this place.
$( '.clicks' ).click(function(event) {
    event.preventDefault();
    var lt=$(this).data("lat");
    var ln=$(this).data("lng");
    var panPoint = new google.maps.LatLng(lt,ln);
    map.panTo(panPoint);
    map.setZoom(16);
});

html.erb
javascript
//当用户单击任何地点的名称时，地图将平移到此地点。
$（'.clicks'）。单击（函数（事件）{
event.preventDefault（）；
var lt=$（此）.data（“lat”）；
var ln=$（此）.data（“lng”）；
var panPoint=new google.maps.LatLng（lt，ln）；
panTo地图（panPoint）；
map.setZoom（16）；
});

尝试将单击处理程序绑定到td，可能传播没有按预期工作：

$( '.clicks' ).parent('td').click(function(event) {
    event.preventDefault();
    var lt=$(this).data("lat");
    var ln=$(this).data("lng");
    var panPoint = new google.maps.LatLng(lt,ln);
    map.panTo(panPoint);
    map.setZoom(16);
});

---

map全局/在同一功能范围内吗？还有，为什么你要将点击处理程序绑定到

而不是td？哦，非常感谢@Alex，当我将点击处理程序绑定到它时，它起了作用。请你将它作为一个答案发布以接受它，或者我将做些什么@Alex我是stackoverflow.com的新用户