2011-09-11 101 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为以后进度值变化的缘故)创建的所有边栏一次无复制代码