Question

我正在使用下面的随机播放脚本随机化我网站上某些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();

Answer 1

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

只需删除内部div选择器。

Answer 2

我读过你发布的链接你使用了插件$ .fn.shuffle 或者第二个“作者未经测试的说”，如果你按照我的想法使用了第一个你应该仔细阅读它所说链接的首页

**

我最近正在寻找一种适当的方式来改组一套元素。我发现了一个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

文字3

文本4

text2的

的text1

text6

他们randomaly洗牌

Answer 3

$('div.step').shuffle();应该有帮助。

你能展示完整的HTML吗？

洗牌DOM

3 个答案: