Question

我喜欢cakePHP和jQuery，从来没有遇到任何问题。 ANyway我还是个菜鸟。现在我尝试实现进度条，我有点卡住了，显然缺少一些超级简单的东西。

如jQuery网站所示，我实现了代码：

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

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

我的视图中没有显示任何内容，甚至没有默认栏或其他内容。我使用其他2个UI小部件，因此库链接可以工作。我想念什么？
如何以动态设置值？我在视图中准备了一个PHP值$ value。
我可以在视图中创建多个进度条吗？

非常感谢！

Answer 1

看起来你可能有自定义打包的jquery-ui 准备包时取消选择progressbar插件。确保你拥有它，或者从某个主题重新下载完整的jquery-ui jquery ui website。

那将是：

            $(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）来一次创建所有侧边栏而不复制代码

CakePHP＆amp; jQuery UI Progressbar实现问题

1 个答案: