google-maps - jQuery .tablesorter() 未读取 Google 地图数据

Question

我正在使用谷歌地图来计算用户输入的地址和我们的商店位置之间的距离。读入此数据后，我想使用 jQuery .tablesorter() 对表从最近到最远的存储进行排序。但是，jQuery .tablesorter() 函数无法识别从 Google Maps 读取的数据。我尝试在这个线程上实现 setTimeout() 建议（JQuery 表排序器附加数据不排序）和许多其他不起作用的修复。我了解发生了什么（DOM 在构建页面后无法识别写入页面的数据），但我不完全确定如何修复它。有任何想法吗？谢谢！

如果您想看看发生了什么，这里是测试页面的 URL：http: //www.gregcklotz.com/Larry/Locations.php

Answer 1

您只需在将所有距离数据添加到列中后更新表格：

for (i = 0; i < stores.length; i++)
{
    address = new google.maps.LatLng(lat, lng);
    coords = new google.maps.LatLng(stores[i].lat, stores[i].long);
    distance = (.621371192237334 * google.maps.geometry.spherical.computeDistanceBetween(address, coords)/1000).toFixed(1);
    $("tr.store"+stores[i].store+" td:last").text(parseInt(distance));
}
// update the table data
$("table").trigger("update");
map.setCenter(marker.getPosition());