0

Rails アプリケーション内でThomas McDonals のbootstrap-sass gem を使用していますが、bootstrap-transition.js を含めるたびに、モーダル ポップアップが表示されなくなります。背景はフェード インしますが、実際のモーダル ウィンドウは表示されません。ソースコードにも表示されていないため、単に隠されているわけではありません。bootstrap-transition.js ファイルを削除すると、モーダルは正常に機能します。

今のところ、すべての bootstrap.js ファイルを含めているので、私がしていることに異常はありません。

そのモーダルを取り戻す方法について何か提案はありますか? 使用しているカルーセルのトランジションが必要です。

編集: わかりやすくするために、bootstrap js ファイルを手動で追加するのではなく、bootstrap-sass gem の指示に従って、アプリケーションの application.js ファイルにそれらを含めるだけです。しかし、そのままでは、モーダル ウィンドウは機能しません。

4

1 に答える 1

0

なぜJSファイルを編集しているのですか? gem はアセット パイプラインを通じてそれらを取り込む必要があります。これらを Js の application.js ファイルにインポートし、ブートストラップ css の css.scss ファイルを次のように作成するだけで済みます。

boot.css.scss:

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

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

アプリケーション.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 .
于 2013-06-28T19:21:22.603 に答える