Question

我有一个php变量，我将其传递给jquery脚本，我想设置某个div的背景。似乎没什么可行的。

这是代码：

<?php $post_thumbnail_id = get_post_thumbnail_id(); ?>
<?php $post_thumbnail_url = wp_get_attachment_url( $post_thumbnail_id ); ?>
<script type="text/javascript">
  $(document).ready(function(){
      $("#event-sub-hero").css('background', 'url("<?php echo $post_thumbnail_url ?>")');
    });
</script>

<!-- SUBPAGE HEADER -->
  <div id="event-sub-hero">
    <div class="container">
      <div class="sub-hero-text col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3 col-xs-12">
        <h2><?php the_title(); ?></h2>
      </div> <!-- end sub-hero-text -->
    </div> <!-- end container -->
  </div> <!-- end sub-hero -->

<!-- END SUBPAGE HEADER -->

这是它吐出的代码：

  $(document).ready(function(){
      $("#event-sub-hero").css('background', 'url("http://localhost:8888/babble/wp-content/uploads/2013/10/madmen-night.jpg")');
    });

Answer 1

尝试使用background-image代替CSS background

Answer 2

您是否尝试过使用直接CSS设置该元素的背景？也许元素没有出现你期望的样子。另外，我也使用背景图像。

Answer 3

不要使用双引号，你不应该需要它们，而且正如其他人提到的那样，当你只设置背景图像时，使用'background-image'会更正确。

PHP + JQuery设置背景图像

3 个答案: