0

Geocomplete を試しましたが、コードがまだ機能しません。BootstrapモーダルでGeocompleteを使いたいです。これは私のコードです:

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


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

1 に答える 1

1

Geocomplete プラグインを Bootstrap モーダルに配置できますが、機能していないように見えます。ウェブページの別の場所でプラグインを試してください。Web ページでは正常に機能するが、モーダルでは機能しない場合、解決策は非常に簡単です。

Geocomplete は機能しますが、見えません。これをスタイルに入力する必要があります：

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

説明: オートコンプリート リストはバックグラウンドにあり、見ることができません。このdivクラスにz-indexを設定すると（ビューにこのクラスがなく、Bootstrapによって自動生成されます）、オートコンプリートdivが表示されます。これは、モーダルやその他のものよりも大きなz-indexがあるためです（視認性）。

于 2016-09-23T17:58:29.110 に答える