Question

再次欢迎，我的代码有些问题。我仍想获得随机（）背景图片，但是我无法让它发挥作用。它显示默认的白色背景，其中包含两个文本标题＆＃39;。 :( 我的文件是=＆gt;在扩展＆＃39; .jpg＆＃39;并在目录＆＃39; / res / images＆＃39;什么错了？

＆＃13;

<!doctype html>
<html>
    <head>
        <title>Random_page</title>
        <script src="//code.jquery.com/jquery-1.10.2.js"></script>

		<script>
		$(document).ready(function(){

		//the highest number of the image you want to load
		var upperLimit = 10;

		//get random number between 1 and 10
		//change upperlimit above to increase or 
		//decrease range
		var randomNum = Math.floor((Math.random() * upperLimit) + 1);    


		//change the background image to a random jpg
		//edit add closing )  to prevent syntax error
		$("body").css("background-image","url('res/images/" + randomNum + ".jpg')");//<--changed path

		});
		</script>
    </head>
    <body>
        <div id="container1" style="float:left; width:40%; margin:10px;">
            <h1>Title</h1>
            <img src="" width='100%' height='100%' />
        </div>
        <div id="container2" style="float:left; width:40%; margin: 10px;">
            <h1>Title</h1>
            <img src="" width='100%' height='100%' />
        </div>
    </body>
</html>

＆＃13;

Answer 1

开发者控制台说：

ReferenceError：$未定义。

这意味着jQuery没有加载。实际原因缺少http:

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>

jQuery - 随机图像生成器（修复我的代码，可能只是语法错误）

1 个答案: