jQuery的進度標籤沒有動畫

-1

我想用jQuery製作一個進度條，上面寫有標籤。沒有標籤，它按預期工作。jQuery的進度標籤沒有動畫

當我把div與標籤我可以得到的數字改變（0至100％），但它不再動畫。標籤發生變化，但標籤不會向右移動。

我只有JavaScript和下面的JSP：

var progressLabel = $(".progressLabel", view.dialog); 
$("#progress" , view.dialog).progressbar({ value: percentComplete*100 , 
       change: function() { progressLabel.text($("#progress" , 
        view.dialog).progressbar("value") + "%"); 
       }}); 


<div id="progress"> 
    <div class="progressLabel">Importing Contacts</div> 
</div>

來源

2017-09-21 aleksandar

什麼是'view.dialog'？ – zero298

它只是針對上下文，在較大的jsp中有很多div和跨度。你可以忽略它。 – aleksandar

我認爲，可能會發生的是，當您添加標籤，該標籤被覆蓋進度條背景，以動畫的發生，但你可以看到。嘗試添加該班...

.ui-progressbar { 
    position: relative; 
} 
.progressLabel { 
    position: absolute; 
    left: 50%; 
    top: 4px; 
}

...如果你verifiy是這樣的原因，僅僅適用於您的標籤你想要的款式，注意這一點。

我希望它有幫助...

來源

2017-09-22 08:42:06

jQuery的進度標籤沒有動畫

回答

相關問題