2013-10-11 54 views
0

有沒有辦法在Rails中輕鬆實現進度/加載模式?我正在使用Twitter Bootstrap,如下所示:Rails:加載模態w/twitter引導

<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

像這樣工作的:

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

這裏是一個fiddlehttp://jsfiddle.net/jaytho/j5wJV/9/,從搜索欄彈出一個進步模式。

您將需要測試後退按鈕並清除模態。我這樣做:

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

工作的很好!儘管如此,隱藏它會成爲'send_file'的問題。 –