包含Bootstrap-Transition.js时不会出现Bootstrap模式

时间:2013-06-28 17:57:25

标签: javascript ruby-on-rails twitter-bootstrap bootstrap-sass

我在我的rails应用程序中使用了Thomas McDonals的bootstrap-sass gem,每当我包含bootstrap-transition.js时,我的模态弹出窗口就不再出现了。背景淡入,但实际的模态窗口不会出现。它甚至没有在源代码中显示,因此它不仅仅是隐藏的。当我删除bootstrap-transition.js文件时,模态可以正常工作。

现在,我已经包含了所有bootstrap.js文件,所以我正在做的事情并没有什么不寻常之处。

有没有人对如何获得该模式有任何建议?我需要转换我正在使用的旋转木马。

编辑:为了清楚起见,我没有手动添加bootstrap js文件,我只是将它们包含在我的Application的application.js文件中,如bootstrap-sass gem所指示的那样。但是,开箱即用,模态窗口不起作用。

1 个答案:

答案 0 :(得分:0)

你为什么要播放Js文件? gem应该通过资产管道引入它们,你应该只需要在你的js的application.js文件中导入它们,并为bootstrap css创建一个css.scss文件,如下所示:

boot.css.scss:

$navbarBackground: #000;
$navbarText: #fff;
$navbarLinkColor: #888;
$navbarBrandColor: #FFF;

@import "bootstrap";
@import "bootstrap-responsive";

的application.js:

// This is a manifest file that'll be compiled into application.js, which will include all the files
// listed below.
//
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
//
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// the compiled file.
//
// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
// GO AFTER THE REQUIRES BELOW.
//
//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require_tree .