Использование jQuery в информационном окне Google Maps

Question

Я хочу использовать функцию fcbk_autocomplete, которую я скачал с http://www.emposha.com/javascript/fcbkcomplete.html в Google Maps infowindow.

Первоначально я установил содержимое infowindow, как показано ниже

var friends = document.getElementsByTagName('option'), 
    res = '';

for (var i = 0; i < friends.length; i++) {
    res = res + '<option value="'+friends[i].id+'">' + friends[i].value + '</option>';
}

var contentString = '<form method="post" action="mapit.do">' 
    + '<textarea name="comment" cols="40" rows="5">Enter your gossips here...</textarea><br>'
    + 'image url: <input type="text" cols="40" name="url"></input><br>'
    + '<input type="hidden" name="position" value="' + event.latLng.toUrlValue() + '"/>'
    + '<select id="select3" name="about">' + res + '</select>'
    + '<input type="submit" value="Submit" />'
    + '</form>';

options - это список данных, из которых я хочу выбрать, и они хранятся в невидимом разделе.

После того, как я открыл информационное окно, я попытался вызвать функцию fcbkcomplete:

$("#select3").fcbkcomplete({
    addontab: true,                   
    maxitems: 10,
    input_min_size: 0,
    height: 10,
    cache: true,
    newel: true,
});

Но это не влияет на раздел select3. Я пытался позвонить document.getElementById("select3"), и это дает мне ноль. У меня вопрос, где я могу вызвать эту функцию, чтобы убедиться, что он видит элемент с идентификатором select3?

Answer 1

Трудно эмулировать без загруженных карт Google и всего остального, но я запустил для вас jsFiddle .

Плагин, который вы пытаетесь использовать, похоже, работает в моем контексте; однако это не может объяснить поведение, которое вы наблюдали, пытаясь использовать его в пределах gmap info window. Тем не менее, если вы хотите, вы можете добавить свои gmap вещи в исходный код javascript, и я могу помочь вам отлаживать их оттуда.