Google自动完成，多页

Question

我遇到了一个自动完成的小问题。我用一个base.jsp网页，其中有一个初始化函数如下：

var input = document.getElementById('addressField');   
var autocomplete = new google.maps.places.Autocomplete(input, { 
    types: ["geocode"] 
}); 

autocomplete.bindTo('bounds', map);  

我有两页，one.jsp和two.jsp。

ons.jsp包含以下输入类型，它与自动完成绑定。这一个工程。

<input type="text" class="form-control" name="address" aria-label="..." id="addressField" value=""> 

two.jsp的确如此。但是这个不起作用？

<input type="text" class="form-control" name="address" aria-label="..." id="addressField" value=""> 

我不明白如何两个相同的输入字段可以有一个工作，一个没有。两者共享相同的基础和自动完成初始化。

这可能是什么原因造成的？我有不知道从哪里look-

Answer 1

这里就是我开始：

var input = document.getElementById('addressField');   
console.log(input); 
var autocomplete = new google.maps.places.Autocomplete(input, { 
    types: ["geocode"] 
}); 
console.log(autocomplete); 
console.log(map); 
autocomplete.bindTo('bounds', map); 
console.log('--------------- Done -----------'); 
console.log(input); 

然后看浏览器日志的输出，并看看有什么不同。电脑只做我们告诉他们的事情:-)