Question

我想在main.js页面中放一个包含php的jQuery函数。我该怎么办？

<script type="text/javascript">

    var r = parseInt('<?php the_field('red'); ?>'); 
    var g = parseInt('<?php the_field('green'); ?>'); 
    var b = parseInt('<?php the_field('blue'); ?>');


    $("body").css('background-color', 'rgb(' + r + ',' + g + ',' + b + ')');

        var alpha = Math.min($(this).scrollTop() / 2000, 1);
        var r = Math.round((230-parseInt('<?php the_field('red'); ?>')) * alpha + parseInt('<?php the_field('red'); ?>')); 
        /* red : (fin - début + début) */
        var g = Math.round((230-parseInt('<?php the_field('green'); ?>')) * alpha + parseInt('<?php the_field('green'); ?>')); 
        /* red : (fin - début + début) */
        var b = Math.round((230-parseInt('<?php the_field('blue'); ?>')) * alpha + parseInt('<?php the_field('blue'); ?>')); 

   $(document).scroll(function() {
        /* red : (fin - début + début) */
        $("body").css('background-color', 'rgb(' + r + ',' + g + ',' + b + ')');
    });

</script>

Answer 1

你不能。 PHP由后端由PHP服务器处理，而JS在前端由浏览器处理（JS可以在后端使用NodeJS进行处理，但这是一个不同的主题）

现在，要完成您要执行的操作，请在之前在标题中添加<script>标记，然后添加包含颜色的全局变量：

<script type="text/javascript"> var _COLORS_ = { r: parseInt('<?php the_field('red'); ?>'), g: parseInt('<?php the_field('green'); ?>'), b: parseInt('<?php the_field('blue'); ?>') }; </script>

然后，在您的main.js文件中，从该变量中读取：_COLORS.r或_COLORS.g或_COLORS.b。

把PHP放在js页面

1 个答案: