Dropkick没有填充我以编程方式创建的下拉列表

Question

我遇到问题让下拉列表与programitcally创建的选择一起工作。

我的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下拉列表然后工作。