来自 php 代码的 jquery 和字符串答案

【问题标题】：jquery and strings from php code来自 php 代码的 jquery 和字符串
【发布时间】：2012-10-23 10:40:05
【问题描述】：

我有一个问题，例如如何将 $example=1; 变量传递给这个 jquery，就像括号中的值一样，其中是 20、40、60.....：

<script type="text/javascript">
            $(document).ready(function() {

                $("#pb1").progressBar(20);
                $("#pb2").progressBar(40);
                $("#pb3").progressBar(60);
                $("#pb4").progressBar(70);
                $("#pb5").progressBar(100);
                $("#pb6").progressBar(100);

            });
    </script>

主要问题是我希望示例字符串具有数据库中的值，这就是为什么我需要在脚本之外创建它。

【问题讨论】：

$("#pb1").progressBar(<?=$example?>);
stackoverflow.com/search?q=%5Bphp%5D+%5Bjquery%5D+progress+bar

标签： php jquery progress-bar

【解决方案1】：

如果此代码在您的 .php 页面中...

<script type="text/javascript">
            $(document).ready(function() {

                $("#pb1").progressBar(<?php echo $pb1 ;?>);
                $("#pb2").progressBar(<?php echo $pb2 ;?>);
                $("#pb3").progressBar(<?php echo $pb3 ;?>);
                $("#pb4").progressBar(<?php echo $pb4 ;?>);
                $("#pb5").progressBar(<?php echo $pb5 ;?>);
                $("#pb6").progressBar(<?php echo $pb6 ;?>);

            });
    </script>

其中 $pb1,$pb2,$pb3,$pb4,$pb5,$pb6 是整数..

【讨论】：

【解决方案2】：

这很简单：

    <?php 
//Insert your code to generate the values to $example
$example = ...
?>

// and here is your JS with php code inside it

<script type="text/javascript">
            $(document).ready(function() {

                $("#pb1").progressBar(<?php echo $example; ?>);
                $("#pb2").progressBar(<?php echo $example1; ?>);
                $("#pb3").progressBar(<?php echo $example2; ?>);
                $("#pb4").progressBar(<?php echo $example3; ?>);
                $("#pb5").progressBar(<?php echo $example4; ?>);
                $("#pb6").progressBar(<?php echo $example5; ?>);

            });
    </script>

希望对你有帮助！祝你好运！

【讨论】：

【解决方案3】：

如果您打算将 php 变量传递给客户端以动态替换 jquery 中的数字，您可以使用下面的代码

<script type="text/javascript">
            $(document).ready(function() {

                $("#pb1").progressBar(<?php echo example;  ?>);


            });
    </script>

【讨论】：

【解决方案4】：

首先，将它放在您的数据库中并不意味着您不能在脚本中这样做。实际上有几种方法可以做到这一点。您可以让您的 javascript 文件是生成 javascript 而不是 html 的 php，或者更简单：您可以使用内联 javscript。但是，如果您确实想将两者分开，仍然可以：

[..]
<script type='text/javascript'>var percentageDone = <?php echo intval($example) ?>;</script>
<script type="text/javascript">
        $(document).ready(function() {

            $("#pb1").progressBar(percentageDone);

        });
</script>

[..]

【讨论】：