Javascript Jquery ui选项卡仅在页面刷新后工作

我的Jquery选项卡可以工作，但只有在刷新页面后才能工作。有关更多信息，请参见下面的图像。这是什么原因造成的？更重要的是，我如何解决这一问题

我没有得到任何错误。我补充说：

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

这是我的代码顺序（Ruby，javascript.js）

刷新之前的代码和视图

刷新后的代码和视图

---

如果您在JSFIDLE或plnkr中发布代码，这会重现问题，人们很容易提供一些解决方案。代码是OK的，只是没有正确加载或呈现。当我浏览网页时，网页总是在第二次访问时不起作用。我在我的资源中注意到.css文件没有第二次加载。刷新之后，它又回来了。仅仅通过查看图像和DOM结构很难找出问题所在！我希望这是一个已知的问题/错误，至少我不知道：）

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