javascript中相同的随机排序

Question

我有“slides” div 和“slidecontrols” div。 slidecontrols div 包含幻灯片的缩略图和标题，它在激活一张幻灯片时显示标题并提高不透明度。

幻灯片和幻灯片控件在 javascript 上的数组中，并使用 jquery 附加到页面。

我需要在每次页面刷新时随机化幻灯片排序，但是在随机化幻灯片和幻灯片控件时出现问题..

想像：

slides : 1, 2, 3, 4, 5

slidecontrols : 1a, 2a, 3a, 4a, 5a

随机化后：

slides : 3, 2, 1, 5, 4

slidecontrols : 4a, 2a, 5a, 1a, 3a

但我希望在随机化后进行这种排序：

slides : 3, 2, 1, 5, 4

slidecontrols : 3a, 2a, 1a, 5a, 4a

Answer 1

您不必将两者都随机化。您必须随机化幻灯片，然后将幻灯片控件与它们同步；)

Answer 2

试试这个，虽然有一些临时变量

var a = [1, 2, 3, 4, 5];
var b = ['1a', '2a', '3a', '4a', '5a'];
var temp = [];
var i = 0;
a.sort(function() { return temp[temp.length] = (Math.random() - 0.5); });
b.sort(function() { return temp[i++]; });