javascript - Jquery 文档.主体.背景

Question

我在使用 jquery 脚本时遇到了一些问题，该脚本应该在按下链接时更改我的正文元素的背景图像。它工作得很好，我唯一的问题是页面必须没有在 CSS 中设置背景，并且在按下任何链接之前是空白的，这会改变背景。这个使用的 jquery 真的很旧，尝试过较新的版本，但除了这个以外没有任何效果。另外，我试过 document.body.style.backgroundImage ，仍然没有成功，这可能是因为这个脚本使用的是旧版本。你能找出这里出了什么问题吗？

  <script language="JavaScript">
    <!--

    // Copyright 2001 by www.CodeBelly.com
    // Please do *not* remove this notice.

    var backImage = new Array(); // don't change this

    // Enter the image filenames you wish to use.
    // Follow the pattern to use more images.  The
    // number in the brackets [] is the number you
    // will use in the function call to pick each
    // image.

    // Note how backImage[3] = "" -- which would
    // set the page to *no* background image.

    backImage[0] = "img/1.jpg";
    backImage[1] = "img/2.jpg";
    backImage[2] = "img/3.jpg";
    backImage[3] = "img/4.jpg";
    backImage[4] = "img/5.jpg";
    backImage[5] = "img/3.jpg";
    backImage[6] = "img/4.jpg";
    backImage[7] = "img/5.jpg";
    backImage[8] = "img/3.jpg";
    backImage[9] = "img/1.jpg";
    //-----------------------------

    function changeBGImage(whichImage){
    if (document.body){
    document.body.background = backImage[whichImage];

    }
    }

    //-->
    </script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js">
    </script>

Answer 1

以下行代码应该适合您:

$('body').css('background-image', 'url(' + backImage[whichImage] + ')');