Проблемы реализации CakePHP & jQuery UI Progressbar

Question

Мне нравятся cakePHP и jQuery, никогда не было проблем ни с одним из них.Во всяком случае, я все еще нуб.Сейчас я пытаюсь реализовать индикатор выполнения, и я немного застрял, очевидно, что-то очень простое отсутствует.

Как показано на сайте jQuery, я реализовал код:

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

                <div class="demo">
                <div id="progressbar"></div>
                </div><!-- End demo -->

1. На мой взгляд, ничего не отображается, даже панель по умолчанию или что-то в этом роде.Я использую 2 других виджета пользовательского интерфейса, поэтому ссылки на библиотеки работают.Что мне не хватает?
2. Как я могу установить значение динамически?У меня есть готовое значение php $ value в моем виде.
3. Могу ли я создать несколько индикаторов прогресса в моем виде?

Большое спасибо!

Answer 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>

идеяиспользовать одно и то же имя класса (но с другим идентификатором для последующего изменения значения индикатора выполнения), чтобы создать все боковые панели одновременно, не дублируя код