PHP + JQuery设置背景图像

我有一个PHP变量，我传递给一个jQuery脚本，我想设置某个div的背景。似乎没有任何工作。PHP + JQuery设置背景图像

下面的代码：

<?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")'); 
    });

来源

2013-10-17 Keyfer Mathewson

$ post_thumbnail_url变量是否包含图像文件的完整路径名称，即images/pic1.gif – jeff

生成的代码与预期生成的代码是什么？ –

什么具体不工作？ –