javascript
  • jquery
  • html
  • jquery-ui-progressbar
  • 2013-08-16 40 views 3 likes 
    3

    當我向我的html中寫入值時,我的進度條工作正常,但當我從jquery傳遞值時,它無法正常工作..例如$('#progresslevel')。html(data);jquery:HTML中的進度條顯示

    現在我有這個網站,其中,如果我插入值到我的進度條,它的工作原理

    <span class="demo-progress" data-progress-options='{"size":false,"style":"large","barClasses":["green-gradient","glossy"],"innerMarks":25,"stripes":true,"darkStripes":false}'>50%</span> 
    

    enter image description here

    ,但如果我這樣做jQuery的

    我在這裏得到一個來自控制器的值

    $('.demo-progress').html(data); 
    

    它沒有工作..只50是寫在盒子,沒有別的..進度條不出現

    我想這也給予跨類後一個div,然後傳遞值到div但它仍然沒有工作

    人知道如何解決此問題

    +0

    有你沒有使用'progress'元素,只設置一個理由其「價值」屬性? –

    +0

    nope沒有任何理由..我只是想顯示動態進度條 – hellosheikh

    回答

    4

    您不應該直接自己直接修改進度條的組件元素。 ProgressBar窗口小部件有一個API,你可以用它來修改進展 - 特別是,你應該設置value選項:

    $(".demo-progress").progressbar("option", "value", 50); 
    
    +0

    謝謝你...我做了這個,但它沒有鍛鍊$(document).ready(function(){ $ .getJSON('http: //本地主機/用戶信息/ BATTERY_LEVEL /」,功能(數據){ $( 「演示的進步。 」)進度(「 選項」, 「值」,數據); }); }); – hellosheikh

    +0

    @hellosheikh Jon給出的答案正是你需要的。你也可以在這裏看到垃圾箱,它驗證了他的答案:http://jsbin.com/ujopul/1/edit。記得'用js'運行。其次,你確定,你使用的是一個jQuery平滑的進度條,在我看來它可能是別的。另外,你爲什麼要追加'data'。如果你想傳遞一個值,那麼你不需要使用'data.value'或其他東西來檢索這個值... –

    +0

    thankyu thankyou ...我明白了......現在可以使用... thankyou非常多 – hellosheikh

    相關問題