將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-索引能見度）。