我有以下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)
}
});
织梦狗教程
本文标题为:如何将WordPress php代码添加到JavaScript中
基础教程推荐
猜你喜欢
- PbootCMS的阿里云短信发送类 2023-07-09
- dedecms织梦复制https链接网站图片无法本地化的解决办法 2022-06-23
- 织梦dedecms后台添加变量提示Request var not allow 2023-07-08
- 织梦dedecms不显示未审核tag标签文档的的方法 2022-11-04
- PbootCMS伪静态配置教程以及各web容器配置规则 2023-07-08
- PbootCMS调用全站所有栏目最新文章的写法 2023-07-09
- pbootcms文章插入图片不固定宽高的办法 2023-07-08
- Thinkphp5结合layer弹窗定制操作结果页面 2022-08-16
- 织梦采集标题不完整的解决方法,修改标题长度 2022-07-14
- dedecms织梦全局变量调用方法总结 2023-07-08