将Geocomplete插件引导到模式

Question

我尝试了Geocomplete，但我的代码仍然无法正常工作。我想在Bootstrap模式中使用Geocomplete。这是我的代码：

<script type="text/javascript"> 
    $("#cities").geocomplete(); 
</script> 


<%= f.text_field :place, id: "cities", class: "form-control", type: "text" %> 

Answer 1

你可以把Geocomplete插件的引导模式，但它看起来像它不工作。试试网页上其他地方的插件。如果它在网页中正常工作，但不在模式中，解决方案非常简单。

Geocomplete的作品，但它是隐形的。您必须输入以下样式：

<style type="text/css"> 
    .pac-container{ 
    z-index: 99999999999999 !important; 
    } 
</style> 

说明：自动完成列表在后台，您看不到它。如果你在这个div类上设置了z-index（你在视图中没有这个类，它是由Bootstrap自动生成的），自动完成div会出现，因为现在它具有比模态和其他东西更大的z-索引能见度）。