2017-02-14 87 views
0

我使用的是引導進度條,它被設置爲零使用jQuery初始化

<div class="progress-bar progress-bar-success" id="p1" 
    role="progressbar" aria-valuenow="0" 
    aria-valuemin="0" aria-valuemax="100" style="width:0%"> 

我用下面的jQuery代碼初始化進度條

$.ajax({ 
     type: "POST", 
     dataType: "json", 
     url: "myurl.php", 
     data: data 
    }).done(function(msg) { 
    console.log(msg); 
    var pid = msg.pid; 
    var colour = msg.colour; 
    var comp = msg.comp; 
    console.log('pid = ' + pid); 
    console.log('colour = ' + colour); 
    document.getElementById(pid).style.width = comp; 
    document.getElementById(pid).innerHTML = comp + '% Complete'; 
    document.getElementById(pid).classList.add(colour); 
    }); 

我的引導進度條我從ajax請求獲得有效數據,

Object {pid: "p1", comp: 7, colour: "progress-bar-success"} 

但是,進度欄不更新。如果我初始化HTML中的欄以1%開始,它可以使用上面的代碼。有沒有辦法讓這個使用jQuery進行初始化?

+0

你錯過了''%,同時增加寬度是多少?還是它是一個錯字? –

回答

1

當您設置進度條的寬度時,您必須添加「%」;

document.getElementById(pid).style.width = comp + "%"; 

jQuery的解決方案

$("#"+pid).css('width', comp + "%");