Jquery google.maps.places.Autocomplete在fancybox中不工作

如果您发现google.maps.places.Autocomplete不起作用，但您可以在键入时在后台看到API调用发生并返回结果，然后检查解决方案。

基本上，您需要查找并将带有类pac容器的div上的z索引设置为更高的值。例如：$'.pac container'.css'z-index'，9999

---

此容器保存自动完成结果，并且可能由于位于fancybox内部而不可见。

基本上，您需要查找并将带有pac类容器的div上的z索引设置为更高的值。例如：$'.pac container'.css'z-index'，9999

---

此容器包含自动完成结果，由于位于fancybox中，因此可能不可见。

将此代码放在弹出页面上

.pac-container {
   background-color: #FFF;
   z-index: 50;
   position: fixed;
   display: inline-block;
 }

.modal{
 z-index: 20;   
}

---

希望它能工作。

将此代码放在弹出页面上

.pac-container {
   background-color: #FFF;
   z-index: 50;
   position: fixed;
   display: inline-block;
 }

.modal{
 z-index: 20;   
}

希望它能起作用。

试试这个CSS

.popup_container{ 
/* Your popup code */
  z-index: 1060;
}
.pac-container {
  z-index: 1062 !important;
}

试试这个CSS

.popup_container{ 
/* Your popup code */
  z-index: 1060;
}
.pac-container {
  z-index: 1062 !important;
}