javascript - Dropkick 没有填充我以编程方式创建的下拉菜单

Question

我在让下拉菜单与程序创建的选择一起使用时遇到问题。

我的 HTML.erb 是

<select id="ohyes" name="uniselect" tabindex="2">

<option selected="" value="0">Select University of Interest</option>

<% @unis.each do |uni| %>
<option value="<%= uni.id %>"><%= uni.name %></option>
<% end %>

</select>

我的主要 .js 包括

$(document).on("ready page:load", function () {

$('#ohyes').dropkick();
...
});

主框正在渲染，正在从数组中生成正确的选择，但是，dropkick 列表仍然未填充，因此当我单击框时看不到下拉列表。

更新

我正在使用谷歌地图 api 来显示地图。当地图没有加载 dropkick 下拉菜单时，它会起作用。