如何在带有CDN的rails应用程序中包含jQuery / bootstrap / javascript？

Question

我知道你可以使用gems，assets以及application.css和application.js文件添加jQuery和bootstrap。 但是，我希望能够通过CDN添加这些文件。

<link rel="stylesheet"             href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

我已将上述内容添加到我的application.html.erb文件中，但我似乎无法使用bootstrap或jQuery。 你能解释一下为什么rails不允许在html文件中链接吗？ 我们为什么要使用宝石？

Answer 1

您还需要在结束体标记之前添加js文件：

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

Answer 2

我想你必须确保在引导程序文件之前调用你的Jquery

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

如果你想为Jquery和Bootstrap做一个cdn回调，这些是链接： stackoverflow - Bootstrap cdn回调和stackoverflow - Jquery cdn回调

Answer 3

使用jquery cdn gem

在你的布局中，

<%= include_jquery cdn: :google %>