将php放在js页面中

时间:2017-03-10 14:45:21

标签: javascript php jquery

我想在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>
我是那样做的:

在我的PHP代码中:

<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中:

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

        var alpha = Math.min($(this).scrollTop() / 2000, 1);
        var r = Math.round((230-r) * alpha + r); 
        var g = Math.round((230-g) * alpha + g); 
        var b = Math.round((230-b) * alpha + b); 

   $(document).scroll(function() {

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

但它不起作用,也许我犯了错误或遗忘了什么。

1 个答案:

答案 0 :(得分:1)

您将值分配给JS对象。您可以使用以下值:

smtpd_tls_CAfile=/etc/ssl/certs/intermediate-root-bundle.crt

所以你的代码看起来像是:

_COLORS_.r
_COLORS_.g
_COLORS_.b