google.maps.places.Autocomplete 在 fancybox 中不起作用答案

【问题标题】：google.maps.places.Autocomplete not working inside of fancyboxgoogle.maps.places.Autocomplete 在 fancybox 中不起作用
【发布时间】：2012-02-14 22:43:48
【问题描述】：

如果您发现 google.maps.places.Autocomplete 无法正常工作，但您可以在键入时看到 API 调用正在发生并在后台返回结果，请查看here 以获取解决方案。

【问题讨论】：

标签： jquery autocomplete google-maps-api-3 fancybox google-places-api

【解决方案1】：

基本上，您需要找到并设置具有类 pac-container 的 div 上的 z-index 为更高的值。例如：$('.pac-container').css('z-index', 9999);

此容器保存自动完成结果，由于位于花式框内，因此可能不可见。

【讨论】：

【解决方案2】：

将此代码放在您的弹出页面上

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

.modal{
 z-index: 20;   
}

希望它有效..

【讨论】：

【解决方案3】：

试试这个 CSS

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

【讨论】：