0

我有一个 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")');
    });
4

3 回答 3

1

尝试background-image代替 CSSbackground

于 2013-10-17T14:38:10.933 回答
0

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

于 2013-10-17T14:43:09.087 回答
0

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

于 2013-10-17T14:43:31.410 回答