在我的Rails項目中使用jQuery，Bootstrap和Sass

我已經安裝了所有必需的gem以在我的rails項目中使用jQuery，Sass和Bootstrap Sass。但是，我不知道如何開始使用它們。我還在資產管道中包含了所有Bootstrap文件，並修改了文件以導入/需要這些文件。在我的Rails項目中使用jQuery，Bootstrap和Sass

這是我application.css.scss：

@import "_bootstrap-sprockets"; 
@import "_bootstrap";

這是我application.js：

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

現在我已經產生了控制器，並試圖使用jQuery在裏面，直沒有做什麼特別的東西，像這個：

<script type="text/javascript">$(function() { alert('Hello') })</script>

但是顯然，我我做錯了什麼。 我需要在我的erb文件中加入jQuery/Bootstrap/Stylesheets嗎？

如上所述，我是Rails的新手，我期待着入門。將不勝感激。

來源

2014-11-24 Aborted

究竟是什麼錯誤？什麼不行？ – 2014-11-24 21:23:24

你不必在你的erb文件中包含jQuery/Bootstrap/Stylesheets。這些將被資產管道自動包括在內。 – 2014-11-24 21:28:51

@StanislavMekhonoshin我無法馬上在我的erb文件中編寫jQuery。我需要以某種方式在erb文件中包含jQuery嗎？ – Aborted 2014-11-24 21:31:52

我假設你在你的Gemfile中添加了gem 'bootstrap-sass', '~> 3.2.0.0'（在撰寫本文時），在終端中運行bundle install，然後重新啓動rails服務器。

然後，您可以在樣式表資產管道app\assets\stylesheets中創建一個新文件，並將其稱爲custom.css.scss（您選擇的文件名取決於您，但文件擴展名必須以css.scss結尾）。

添加以下內容到您的custom.css.scss文件：

@import "bootstrap-sprockets"; 
@import "bootstrap";

添加以下內容到您的application.css文件：

/* 
*= require_tree . 
*= require_self 
*/

*= require_tree .在樣式表目錄添加了一切，*= require_self將包括所有行在要求*/關閉後放入application.css中的代碼。

接下來，您還需要添加bootstrap JavaScript。在您的application.js文件中，您需要按照特定順序包含引導程序並使用正確的名稱。重新排序文件看起來像這樣：

//= require jquery 
//= require jquery_ujs 
//= require bootstrap 
//= require turbolinks 
//= require_tree .

假設你已經在包括您的應用程序佈局

<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %> 
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>

的頂部以下行你要善於去。

來源

2014-11-25 17:34:31 celly

在我的Rails項目中使用jQuery，Bootstrap和Sass

回答

相關問題