Вставить детали места из Google Map в таблицу - добавить новую строку

Question

У меня проблема с добавлением новой строки в таблицу.Я использую Google Maps, я хочу добавить в таблицу некоторую информацию (из данных Google, адрес и имя) о точке, вставленной на карту.(пользователь нажимает на точку и показывает следующую кнопку «Добавить информацию», я хочу отобразить эту информацию в таблице после нажатия кнопки.

<table style="width: 100%" id="myTable">
   <tr><td>Row 1</td></tr>
   <tr><td>Row 2</td></tr>
   <tr><td>Row 3</td></tr>
</table>
<a href="#" name="addRow">Add Row</a>

Функция «addRow»:

$("a[name=addRow]").click(function() {
            $("table#myTable tr:last").after('<tr><td>HERE INFORMATION POINT</td></tr>');
            return false;
    });

Функция, из которой отображается баллон для очков:

google.maps.event.addListener(marker, 'click', function() {

       geocoder = new google.maps.Geocoder();
       geocoder.geocode({'latLng': placeLoc}, function(results, status) {
         if (status == google.maps.GeocoderStatus.OK) {
        addressLoc = results[0].formatted_address;
         contentString = '<h3>place.name+'</h3>'+addressLoc+'<br/><br/><a href="#" name="addRow">Add Information</a>';

         }
       });

Все отлично работает, но не с Google Maps.

Answer 1

Вам необходимо использовать метод .live(), поскольку вы добавляете элемент «Добавить информацию» динамически.Ваш a элемент <a href="#" name="addRow"> не будет иметь события щелчка при добавлении, поскольку .click() привязывает события только один раз при вызове, все будущие элементы не будут иметь события.

Описаниеfor live () : присоединить обработчик событий для всех элементов, которые соответствуют текущему селектору, сейчас и в будущем.

$("a[name=addRow]").live('click', function() {
    $("table#myTable tr:last").after('<tr><td>HERE INFORMATION POINT</td></tr>');
    return false;
});