Rails:加载modal w / twitter bootstrap

时间:2013-10-11 05:49:10

标签: jquery ruby-on-rails twitter-bootstrap

有没有办法在Rails中轻松实现进度/加载模式?我正在使用Twitter Bootstrap:

<div class="modal hide" id="aMomentPlease" data-backdrop="static" data-keyboard="false">
  <div class="modal-header">
    <h1>A moment please</h1>
  </div>
  <div class="modal-body">
    <div class="progress progress-striped active">
      <div class="bar" style="width: 100%;"></div>
    </div>
  </div>
</div>

如何将其附加到某些操作?像发送电子邮件到图像渲染一样。任何建议都会很棒。

1 个答案:

答案 0 :(得分:1)

像这样的东西:

<button type="submit" class="btn btn-primary" onclick='$("#aMomentPlease").modal("show")'>GO! 
</button>

这是一个fiddle http://jsfiddle.net/jaytho/j5wJV/9/,它会从搜索栏中弹出一个进度模式。

您需要测试后退按钮,然后清除您的模态。我是这样做的:

window.onpopstate = function () {
    $('#aMomentPlease').modal("hide");
}