Question

我的博客标题中有一个background image。我使用条件php规则检查类别是否为播客make x。可以，但是更改内部背景图片的脚本不起作用。

if ( in_category( 14 ) ) : ?>
    <script>
        $('.page-title-section')
           .css({ "background-image": "https://miradasocial.es/wp-content/uploads/2019/11/miradas-transp-largo-x3-300x115.png"});
    </script>
<?php endif;

我尝试在属性上使用！important，也尝试过使用$('.bg-secondary')，但这没有用。

HTML结构

<section class="page-title-section bg-secondary" 
  style="background-image: url('https://miradasocial.es/wp-content/uploads/2019/11/entrevista-terraza.jpg')">

您可以看到实时示例here。

返回的控制台错误是Uncaught ReferenceError: $ is not defined。

Answer 1

如果您使用的是PHP（laravel或其他工具），则无需使用Jquery 您可以直接使用PHP设置凭据

<?php $pageTitleBgImage = in_category( 14 )
  ? "https://miradasocial.es/wp-content/uploads/2019/11/miradas-transp-largo-x3-300x115.png"
  : "https://miradasocial.es/wp-content/uploads/2019/11/entrevista-terraza.jpg";
?>
<section 
  class="page-title-section bg-secondary" 
  style="background-image: url('<?php echo $pageTitleBgImage; ?>' )"> 

</section>

jQuery不会替换背景图片

1 个答案: