有劳各位了 前端不是太懂 照着 demo 做的 想吧编辑区域做成对话框 现在的问题是点击按钮 出来的对话框是一闪而过的

<div id="modalbackdroptrue" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header">
              <a class="close" data-dismiss="modalbackdroptrue" >&times;</a>
              <h3>Demo</h3>
            </div>
            <div class="modal-body">
              <h4>backdrop为true</h4>
            </div>
            <div class="modal-footer">
              <a href="#" class="btn" data-dismiss="modal" >关闭</a>
              <a href="#" class="btn btn-primary">保存更改</a>
            </div>
</div>

          <a class="btn btn-primary btn-mini" id="backdroptrue" data-toggle="modal" href="#modalbackdroptrue" >Demo</a> <br />

其他配置信息

app/assets/javascripts/application.js

//= require jquery
//= require jquery_ujs
//= require_tree .
//= require bootstrap-modal
//= require bootstrap-transition