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 
$( '.step' ).shuffle();

只需删除内部 div 选择器。

于 2012-05-23T12:27:56.990 回答
0

我阅读了您发布的链接，您是否使用了插件 $.fn.shuffle 或第二个“未经作者测试”，如果您使用第一个，因为我认为您应该在链接的首页仔细阅读它说

**

我最近在寻找一种体面的方式来改组一组元素。我找到了一个声称可以做到这一点的 jQuery 插件，但不幸的是，它只有在所有元素都是单个父项的直接后代时才有效，就像无序列表下的所有列表项一样。

**

在包含我的代码 HTML 的插件后，我在我的 netbeans 上尝试了它

<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();
 });

输出

文本5

文本3

文本4

文本2

文本1

文本6

他们随机洗牌

于 2012-05-23T12:30:36.010 回答
0

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

你能展示你的完整HTML吗？

于 2012-05-23T13:09:01.730 回答