2

以下のシャッフル スクリプトを使用して、サイトの一部の div の順序をランダム化しています。

http://james.padolsey.com/javascript/shuffling-the-dom/

.content divスクリプトは機能しますが、ではなくをランダム化するだけ.stepなので、画像が混同されます。

のすべてのコンテンツを選択する方法はあります.stepか?

<div class="step">
<div class="content">
  <h2>title</h2>
  <p>text</p>
  <a href="#">link</a>
</div>
<img src="./images/1.png" />
</div>

$( '.step div' ).shuffle();
4

3 に答える 3

0

私はあなたが投稿したリンクを読みました。プラグイン$.fn.shuffleを使用しましたか、それともリンクのトップページで注意深く読む必要があると思うので、最初のプラグインを使用した場合は2番目のプラグインを使用しましたか。

**

私は最近、要素のセットをシャッフルする適切な方法を探していました。私はそれを正確に行うと主張するjQueryプラグインを見つけましたが、残念ながら、順序付けされていないリストの下のすべてのリストアイテムのように、すべての要素が単一の親の直接の子孫である場合にのみ機能します。

**

プラグインを含めた後、netbeansで試してみました。コードHTMLは

<div class="content">
  <p>text1</p>
</div>
 <div class="content">
  <p>text2</p>
</div>
<div class="content">
  <p>text3</p>
</div>


<div class="content">
  <p>text4</p>
</div>
 <div class="content">
  <p>text5</p>
</div>
<div class="content">
  <p>text6</p>
  <img src="./images/1.png" />
</div>

ただし、順序付けされていないリストの下にあるすべてのリストアイテムのように、すべての要素が単一の親の直接の子孫である場合にのみ機能します。

正常に動作しますが、正確です

以下のスクリプトを使用して、画像をdiv要素内に配置しました

 $("document").ready(function() {
       $("div").shuffle();
 });

出力

text5

text3

text4

text2

文1

text6

そして彼らはランダムにシャッフルしました

于 2012-05-23T12:30:36.010 に答える
0 
$( '.step' ).shuffle();

内側の div セレクターを削除するだけです。

于 2012-05-23T12:27:56.990 に答える
0

$('div.step').shuffle();助けるべきです。

完全な HTML を表示できますか?

于 2012-05-23T13:09:01.730 に答える