用JavaScript顯示隨機div

Question

所以我想顯示隨機div，我在這里找到了這個stackoverflow解決方案：使用Jquery顯示隨機div

正確的答案使用以下代碼： 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的人來說，應該真的很容易。

謝謝你！

Answer 1

您正在解析頁面正文的HTML代碼之前運行腳本，因此元素尚不存在。

將您的代碼放在頁面的ready事件中：

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

正如Conner所示，您還缺少jQuery庫的包含。

Answer 2

您需要導入jQuery庫。

加

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

在您的JavaScript代碼之前添加到<head>標記中。

用JavaScript顯示隨機div

問題描述

2 個解決方案

解決方案1
4 已采納 2012-07-11 01:33:20

解決方案2
2 2012-07-11 01:31:23

用JavaScript顯示隨機div

問題描述

2 個解決方案

解決方案1 4 已采納 2012-07-11 01:33:20

解決方案2 2 2012-07-11 01:31:23

解決方案1
4 已采納 2012-07-11 01:33:20

解決方案2
2 2012-07-11 01:31:23