使用反向拉伸時，背景圖片未顯示在wordpress的“新聞頁面”上

Question

我已經使用backstretch在wordpress網站上的每個頁面上切換了背景圖片，除了“新聞頁面”（即博客功能）之外，其他一切都很好。 即使我已經識別並使用了正確的頁面ID，該腳本也不想對其進行更新。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://www.myurl.co.uk/wp-content/themes/name/bootstrap/js/jquery.backstretch.min.js"></script>

<?php
    if(is_page(2))
    {
        echo '<script>$.backstretch("http://www.myurl.co.uk/wp-content/themes/name/img/bg_homepage.jpg");</script>';
    } 
    else if(is_page(51))
    {
        echo '<script>$.backstretch("http://www.myurl.co.uk/wp-content/themes/name/img/bg_food_menu.jpg");</script>';
    }
    else if(is_page(60))
    {
    echo '<script>$.backstretch("http://www.myurl.co.uk/wp-content/themes/name/img/bg_whats_on.jpg");</script>';
    }
    else if(is_page(53))
    {
    echo '<script>$.backstretch("http://www.myurl.co.uk/wp-content/themes/name/img/bg_drink_menu.jpg");</script>';
    }
    else if(is_page(57))
    {
    echo '<script>$.backstretch("http://www.myurl.co.uk/wp-content/themes/name/img/bg_where_when.jpg");</script>';
    }
    else if(is_page(55))
    {
    echo '<script>$.backstretch("http://www.myurl.co.uk/wp-content/themes/name/img/bg_whats_on.jpg");</script>';
    }
?>

根據該代碼，顯示的第60頁沒有背景圖像。 我需要為新聞/博客頁面寫一些特定的東西嗎？

任何建議將不勝感激。

Answer 1

您可能需要將整個內容嵌套在document.ready調用中，否則您將在所有准備就緒之前嘗試對其進行初始化。

嘗試這個：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://www.myurl.co.uk/wp-content/themes/name/bootstrap/js/jquery.backstretch.min.js"></script>

<script>
$(document).ready(function(){
<?php
    if(is_page(2))
    {
        echo '$.backstretch("http://www.myurl.co.uk/wp-content/themes/name/img/bg_homepage.jpg");';
    } 
    else if(is_page(51))
    {
        echo '$.backstretch("http://www.myurl.co.uk/wp-content/themes/name/img/bg_food_menu.jpg");';
    }
    else if(is_page(60))
    {
    echo '$.backstretch("http://www.myurl.co.uk/wp-content/themes/name/img/bg_whats_on.jpg");';
    }
    else if(is_page(53))
    {
    echo '$.backstretch("http://www.myurl.co.uk/wp-content/themes/name/img/bg_drink_menu.jpg");';
    }
    else if(is_page(57))
    {
    echo '$.backstretch("http://www.myurl.co.uk/wp-content/themes/name/img/bg_where_when.jpg");';
    }
    else if(is_page(55))
    {
    echo '$.backstretch("http://www.myurl.co.uk/wp-content/themes/name/img/bg_whats_on.jpg");';
    }
?>
});

另外，請檢查控制台中是否有任何JS錯誤，這些錯誤可能會阻止其正常運行。