Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在带有CDN的rails应用程序中包含jQuery/bootstrap/javascript?_Javascript_Jquery_Css_Ruby On Rails_Twitter Bootstrap - Fatal编程技术网

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

如何在带有CDN的rails应用程序中包含jQuery/bootstrap/javascript?,javascript,jquery,css,ruby-on-rails,twitter-bootstrap,Javascript,Jquery,Css,Ruby On Rails,Twitter Bootstrap,我知道您可以使用gems、资产以及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文件中,但我似乎仍

我知道您可以使用gems、资产以及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文件中链接吗?为什么我们必须使用gems?

您还需要在关闭body标记之前添加js文件:

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

我想您必须确保在启动文件之前调用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回调,以下是链接:和使用gem

在您的布局中

<%= include_jquery cdn: :google %>


这是一个CDN我不认为他们在撒谎。或者,您可以将文件放置在您选择的CDN上,然后从那里加载。可以,但CDN不工作。对rails应用程序没有影响。rails允许在html文件中使用CDN吗?或者我必须在application.js中使用gems并要求使用该js文件吗?我刚刚尝试过,现在又开始工作了。我有点困惑,但非常感谢!请看下面的答案。您是否没有看到任何包含的引导文件?从浏览器查看应用程序的源代码,确保未加载。