1

所以我想显示随机 div，我在这里找到了这个 stackoverflow 解决方案：Showing random divs using Jquery

正确答案使用以下代码：http: //jsfiddle.net/nick_craver/RJMhT/

所以我想做上面的事情，但是为了我的生活，我不知道该怎么做。

我以为这很简单

<html>
<head>
<script type="text/javascript">
var divs = $("div.Image").get().sort(function() {
   return Math.round(Math.random())-0.5; //random so we get the right +/- combo
  }).slice(0,4)
$(divs).appendTo(divs[0].parentNode).show();​​
</script>
<style type="text/css">
div.Image { 
  display: none;
}​
</style>
</head>
<body>
  <div class="Image"><img src="/image1.jpg">1</div>
  <div class="Image"><img src="/image2.jpg">2</div>
  <div class="Image"><img src="/image3.jpg">3</div>
  <div class="Image"><img src="/image4.jpg">4</div>
  <div class="Image"><img src="/image5.jpg">5</div>
  <div class="Image"><img src="/image6.jpg">6</div>
  <div class="Image"><img src="/image7.jpg">7</div>​
</body>
</html>

但显然不是，因为我的屏幕上没有显示任何内容。有人可以帮助我吗？对于我认为对 JavaScript 知之甚少的人来说应该真的很容易。

谢谢你！

4

2 回答 2

4

您在解析页面正文的 HTML 代码之前运行脚本，因此元素还不存在。

将您的代码放在ready页面事件中：

$(document).ready(function(){
  // your Javascript code goes here
});

正如 Conner 所示，您还缺少 jQuery 库的包含。

于 2012-07-11T01:33:20.973 回答
2

您需要导入 jQuery 库。

添加

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<head>在您的 javascript 代码之前添加到您的标签。

于 2012-07-11T01:31:23.887 回答