相关疑难解决方法(0)

我有这样一个数组:

var arr1 = ["a", "b", "c", "d"];

我如何随机化/随机播放？

可能重复:
如何随机化一个javascript数组？

我想在JavaScript中随机播放一系列元素,如下所示:

[0, 3, 3] -> [3, 0, 3]
[9, 3, 6, 0, 6] -> [0, 3, 6, 9, 6]
[3, 3, 6, 0, 6] -> [0, 3, 6, 3, 6]

我有reveal.js大约300张幻灯片的演示文稿.本演示文稿的目的是在会议室后面的监视器上以"信息亭模式"循环幻灯片.

为了创建"自助服务终端模式",我得到了:

Reveal.initialize({
    controls: false,    // hide the control arrows
    progress: false,    // hide the progress bar
    history: false,     // don't add each slide to browser history
    loop: true,         // loop back to the beginning after last slide
    transition: fade,   // fade between slides
    autoSlide: 5000,    // advance automatically after 5000 ms
});

这非常有效,但我想将幻灯片随机化.幻灯片目前只是<section>索引文档中300个标签的列表- 它们不会从外部任何地方拉出.目前random: true不是rev​​eal.js中的配置选项.

片段的显示顺序可以用data-fragment-index.是否可以通过部分做类似的事情？有没有办法欺骗reveal.js随机化我的幻灯片？

我的偏好是每次都将它们随机播放 - 也就是说,以随机顺序显示幻灯片1-300,然后将它们随机播放,并以不同的随机顺序再次显示1-300.不过,我也很乐意为每次转换跳转到随机幻灯片.

我目前有这个代码随机排序列表项:

var $ul = $('#some-ul-id');
$('li', $ul).sort(function(){
   return ( Math.round( Math.random() ) - 0.5 )
}).appendTo($ul);

但是,有没有更好的解决方案呢？

我有一堆ID为"gallerycard"的div.每当用户访问页面时,我都需要它们以随机顺序加载.

<div id="gallerycard">
     <div id="name">Akulina</div>
    <div id="info">N/A</div>
</div>

<div id="gallerycard">
     <div id="name">Martina</div>
    <div id="info">N/A</div>
</div>

<div id="gallerycard">
     <div id="name">Joseph</div>
    <div id="info">N/A</div>
</div>

<div id="gallerycard">
     <div id="name">Karen</div>
    <div id="info">N/A</div>
</div>
...    

和...

这是CSS的小提琴: http ://jsfiddle.net/BwJHj/

我知道这对你们大多数人来说都是一个简单的任务,但我有时候真的很讨厌jquery :(

谢谢

我正在使用客户端基于HTML的网站,需要在刷新页面时随机订购一组Div.我通常会通过PHP和数据库调用来处理这个问题,但它是一个静态站点.

所以,我想知道是否有人知道如何使用jquery随机显示一组div？

这是一个例子:

<div class="myItems">
     <div class="item">1</div>
     <div class="item">2</div>
     <div class="item">3</div>
</div>

并且在刷新时,它可能会更改为:

<div class="myItems">
     <div class="item">2</div>
     <div class="item">3</div>
     <div class="item">1</div>
</div>

谁知道怎么做？

我正在创建一个简单的游戏，有 9 个分区，每个 8 个分区中都隐藏着一只企鹅，第 9 个分区中有一个怪物。现在我的游戏运行良好，但我想做的是每次加载页面时，分区的排列都应该改变，以便为游戏添加随机性。

这是我的代码：

$(document).ready(function() {
  //This code will run after your page loads
  $('body').on('mousedown', '.yeti', function(event) {
    alert("Yaaaarrrr!");
  });
});

<div class="gameholder">
  <div class="title"></div>
  <div class="penguin1"></div>
  <div class="penguin2"></div>
  <div class="penguin3"></div>
  <div class="penguin4"></div>
  <div class="penguin5"></div>
  <div class="penguin6"></div>
  <div class="penguin7"></div>
  <div class="penguin8"></div>
  <div class="yeti"></div>
</div>

添加图像和一些定位后，div这就是它的样子

我有一堆div,区域ll向左浮动,所以他们坐在彼此旁边的行中填充页面.我想以编程方式更改它们的顺序并仍然使它们浮动.

我有一段我写的JS,它抓取每个盒子的偏移量,给它们一个固定的位置(使用偏移使它们保持原位),然后将它们设置为其他偏移量之一.我的问题是我现在需要将它们从绝对定位转换回浮动定位.这样做显然会将它们恢复到最初的状态.

我需要知道的是,是否可以设置每个div的索引 - 所以我可以将偏移量与索引相关联,并更新每个div的偏移量和索引,以便当它们浮动时它们保持原位.有没有办法使用jQuery设置DOM元素的索引？