让bootstrap-sass gem和rails与现有项目协同工作

Question

我正在尝试将bootstrap集成到当前的rails项目中，并且遇到了一个困难的类型安装。具体地说，我似乎对javascript有一个问题。我在application.js中添加了：

//=需要引导

但我得到以下错误：

​

​

这些都是在bootstrap.js.coffee中引用的，我可以通过清除这个文件来消除错误。内容如下：

jQuery ->
  $("a[rel=popover]").popover()
  $(".tooltip").tooltip()
  $("a[rel=tooltip]").tooltip()

有关于加载各个模块的讨论，但我不清楚我是否应该这样做，或者我是否需要这样做。https://github.com/thomas-mcdonald/bootstrap-sass

我真的希望能够将bootstrap添加到这个当前存在的项目中。任何帮助都是非常感谢的。

thx

Answer 1

您应该确保拥有来自Twitter Bootstrap Docs的bootstrap.js或bootstrap.min.js，然后像您所做的那样请求它。我认为您的问题是您有另一个名为bootstrap.js.coffee的文件。尝试更改它的名称，并要求它与//=require bootstrap一起使用。

Answer 2

首先引导requires jQuery。对于Rails，您可以使用提供最新版本jQuery的jquery-rails gem。

然后，在您的application.js中，您可以使用以下命令加载所需的Javascripts

//= require jquery
//= require jquery_ujs
//= require bootstrap

//= require_tree .
//= require_self

正如neon提到的，脚本的加载顺序很重要。您应该先加载jquery，然后再加载bootstrap。此时，您可以使用require_tree . (可能包含您的bootstrap.js.coffee)加载当前目录中的所有其他脚本。