0
當我打開一個網頁,我想表明在表字段中的進度條,就像這樣:頁面加載時進度條更新寬度?
<% @beacons.each do |beacon| %>
...
<td><div id="progressbar" class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="10"
aria-valuemin="0" aria-valuemax="100" style="width:100%" ><%= beacon.power %>%</div></td>
,但我不能beacon.power
更新進度條的寬度,我不需要實時刷新,我只是想,當我加載這個頁面,進度條的寬度可以用我的DB數據:beacon.power
到desplay
我的網站是
IP /標
我的控制器:
def index
@beacons = Beacon.all
respond_to do |format|
format.html { @beacons }
format.json { @beacons }
end
end
我嘗試使用JavaScript:
$(document).ready(function() {
$.get("beacons.json", function(data){
$("#progressbar").css('width', data.power+'%')
}
});
});
和它不工作,有什麼錯我的設置?
你怎麼知道它不起作用?如果有錯誤消息,請將其全文添加到您的問題中。 – EugZol