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

生成的代碼與預期生成的代碼是什麼？ –

什麼具體不工作？ –