Question

我有一个问题如何将例如$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>

主要问题是我希望示例字符串具有来自数据库的值，因此我需要在脚本之外创建它。

Answer 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是整数..

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

我希望它有所帮助！祝你好运！

Answer 3

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

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

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


            });
    </script>

Answer 4

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

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

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

        });
</script>

[..]

来自php代码的jquery和字符串

4 个答案: