2011-09-11 104 views
0

我喜歡cakePHP和jQuery,從來沒有任何問題。 ANYWAY我仍然是一個noob。現在我嘗試實現進度條,並且我有點卡住了,顯然超級簡單的東西錯過了。CakePHP&jQuery UI進度條實現問題

由於在jQuery的網站上顯示,我的實現代碼:

   <script> 
        $(function() { 
         $("#progressbar").progressbar({ 
          value: 37 
         }); 
        }); 
        </script> 

       <div class="demo"> 
       <div id="progressbar"></div> 
       </div><!-- End demo --> 
  1. 沒有被顯示在我看來起來,甚至沒有一個默認的酒吧或一些。我使用2個其他UI小部件,以便庫鏈接工作。我錯過了什麼?
  2. 如何設置dyamically值?在我看來,我已經準備好了一個php值$的值。
  3. 我可以在我的視圖中創建多個進度條嗎?

非常感謝!

回答

1
  1. 它看起來像你可能有自定義打包的jquery-UI有 進度條插件取消選擇包當準備。確保 你有它,或從 jquery ui網站重新下載具有某些主題的完整jQuery-ui。
  2. 這將是:

      $(function() { 
           $("#progressbar").progressbar({ 
            value: <?php echo $value; ?> 
           }); 
          }); 
    

添加多個空div佔位符,每個進度需要和分配jQuery UI的進度爲他們每個人,如果他們最初需要不同的值,或查看示例代碼,如果所有的邊欄需要初始值爲0:

<script type="text/javascript"> 
$(function(){ 
    $(".progressbar").progressbar({value:0}); 
}); 
</script> 

<div id="pb1" class="progressbar"></div> 
<div id="pb2" class="progressbar"></div> 
<div id="pb3" class="progressbar"></div> 
<div id="pb4" class="progressbar"></div> 

想法是使用相同的類名(但不同的ID爲以後進度值變化的緣故)創建的所有邊欄一次無複製代碼