Jquery-ui Tabs仅在页面刷新后工作

Question

我的Jquery选项卡可以工作，但只有在刷新页面后才能使用。有关详细信息，请参阅下面的图像。造成这种情况的原因是什么，更重要的是，我该如何解决这个问题？

我没有收到任何错误。我已经添加了：

$(document).ready(function(){
  $("#functions").tabs();
});

这是我的代码订单（Ruby，javascript.js）

//= require jquery
//= require bootstrap-sprockets
//= require jquery_ujs
//= require jquery-ui/tabs
//= require turbolinks
//= require_tree .

代码＆amp;之前查看：刷新

代码＆amp;查看之后：刷新