1

したがって、ランダムな div を表示したいのですが、このスタック オーバーフロー ソリューションをここで見つけました: 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について少しでも知っている人にとっては、本当に簡単なはずです。

ありがとう！

4

2 に答える 2

4

ページの本文の HTML コードが解析される前にスクリプトを実行しているため、要素はまだ存在していません。

readyページのイベントにコードを挿入します。

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

また、コナーが示したように、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 に答える