2017-09-21 15 views
-1

jQueryでラベルが書き込まれたプログレスバーを作成しようとしています。 ラベルがないと、期待どおりに動作します。jQueryの進行状況ラベルがアニメ化していません

ラベルを付けるときに、数値を変更する(0〜100%)ことができますが、それ以上はアニメーション化されません。ラベルは変わりますが、バーは右に進まません。私は何が起こっ可能するラベルを追加するときにアニメーションが起こっているので、そのラベルは、プログレスバーの背景をカバーしていることだと思いますが

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> 
+0

'view.dialog'とは何ですか? – zero298

+0

それはちょうど文脈のためのものです、より大きいJSPの中には多くのdivとスパンがあります。あなたはそれを無視することができます。 – aleksandar

答えて

0

私はJavaScriptのみ、以下のjspを持っています見れば分かります。このクラス...

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

を追加してみてください...あなたならばそれが理由ですverifiy、ちょうどそれに注意を払って、あなたのラベルにしたいスタイルを適用します。

私はそれが助けてくれることを願っています...

関連する問題