如何将WordPress php代码添加到JavaScript中

我有以下javascript代码：$(window).scroll(function() {if($(this).scrollTop() 50) /*height in pixels when the navbar becomes non opaque*/ {$(.navbar-default).addClass(sticky);$(.navbar-brand img...

我有以下javascript代码：

$(window).scroll(function() {
    if($(this).scrollTop() > 50)  /*height in pixels when the navbar becomes non opaque*/ 
    {
        $('.navbar-default').addClass('sticky');
        $('.navbar-brand img').attr('src','assets/images/logo.png'); //change src
    } else {
        $('.navbar-default').removeClass('sticky');
        $('.navbar-brand img').attr('src','assets/images/logo__footer.png')

    }
});

是否可以插入一个wp自定义PHP代码

<?php the_custom_logo(); ?>

而不是这个静态属性

.attr('src','assets/images/logo.png');

提前谢谢了.

解决方法:

您需要在模板中设置变量：

<script>
    var logoImage = <?php the_custom_logo(); ?>;
    var logoImageFooter = <?php the_custom_logo()?> //here footer logo
</script>

而且,在你的js文件中使用它

$(window).scroll(function() {
    if($(this).scrollTop() > 50)  /*height in pixels when the navbar becomes non opaque*/ 
    {
        $('.navbar-default').addClass('sticky');
        $('.navbar-brand img').attr('src',logoImage); //change src
    } else {
        $('.navbar-default').removeClass('sticky');
        $('.navbar-brand img').attr('src',logoImageFooter)

    }
});