2011-09-11 11 views
0

私はcakePHPとjQueryが大好きです。とにかく私はまだノブです。今ではプログレスバーを実装しようとしていますが、ちょっとしたことがあります。CakePHP&jQuery UIプログレスバー実装の問題

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

       <div class="demo"> 
       <div id="progressbar"></div> 
       </div><!-- End demo --> 
  1. 何が私の見解では現れていない、いなくても、デフォルトのバーか何か:jQueryのサイトで示されているように

    は、私がコードを実装しました。私は2つの他のUIウィジェットを使用して、ライブラリのリンクが機能するようにします。何が欠けていますか?

  2. どのようにしてダイナミックに値を設定できますか?私は私の見解でPHP値$値を用意しています。
  3. ビューに複数のプログレスバーを作成することはできますか?

多くの感謝!

答えて

1
  1. パッケージ作成時に プログレスバープラグインの選択が解除されているカスタムパッケージのjquery-uiがあるようです。 を持っていることを確認してください。または、 jquery uiのウェブサイトから特定のテーマで完全なjquery-uiを再ダウンロードしてください。
  2. だろう
  3.   $(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)と同じクラス名を使用することですコードを複製する