關於knob.js進度外掛程式的使用

來源:互聯網
上載者:User

關於knob.js進度外掛程式的使用
關於這個外掛程式,妹的,第一次使用坑死爹了,各種不會,幸虧我有持之以恒的精神,最終還是讓其臣服於我的胯下。。。。 1.  引入 head  部分添加knob.js,同時引入excanvas.js這個檔案主要為了相容IE7,8,具體ie6沒測試(可以不考慮了); <script type="text/javascript" src="js/jquery.knob.js"></script><script type="text/javascript" src="js/excanvas.js"></script>   2. 環形樣式的修改 預設樣式是這樣定義的;     修改樣式,改進度條的html檔案是這樣的; <div class="demo"><input class="knob" data-width="100" data-displayinput="true" data-displayprevious="true" readonly value="10" ></div> 你只需修改類名,即可使用js來修改,如 //定義demo樣式$(" .demo2 .knob").knob({ 'width':"38"  //環形寬度,'height':"38"  //環形高度,'readonly':"readonly" //唯讀,不允許修改,'thickness':".1"  //環形粗細程度});  3.關於input數值的轉換,如轉換成百分數,小數 這個我到現在都沒弄懂,通過js直接修改原始數值,在Firefox下第一次載入沒問題,重新整理就會出現問題。。。  (不知如何解決這個bug),我最終使用的是添加新元素, 將input隱藏掉,再將它的的value值複製給新添加的元素,在修改這個新添加元素的html()值。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.