1
私はページをリフレッシュするサイトを持っています。ボックス(div)内のコンテンツは読み込み時に変更されます(ランダム化されます)。これは単なるボックスではなく、他の多くのものになります。私はhttp://codepen.io/anon/pen/GjYNLo?editors=1011としてランダムにコンテンツを取得することができましたが、ループする代わりに、それぞれのメインのdivに異なる配列を適用して複製しています。私はこれを使用して各ボックスに配列の1つを表示させたいと思います。コンテンツを移動して別の場所に表示するページをリフレッシュするときです。ページのリロード時にランダムなコンテンツがループしない
<div class="item small has-text tertiary">
<div class="inner">
<a href="" class="">
<div class="text">
<div class="number">
<span></span>
</div>
<div class="sub-title">
<span></span>
</div>
</div>
</a>
</div>
</div>
<br>
<div class="item small has-text tertiary">
<div class="inner">
<a href="" class="">
<div class="text">
<div class="number">
<span></span>
</div>
<div class="sub-title">
<span></span>
</div>
</div>
</a>
</div>
</div>
var text_boxes = [{
number: "2",
sub_title: "Marketers",
}, {
number: "75%",
sub_title: "Average sales increase",
}, {
number: "4",
sub_title: "Developers",
}, {
number: "6",
sub_title: "Full Time",
}, {
number: "45",
sub_title: "Sites Launched",
}, {
number: "2",
sub_title: "Marketers",
}];
var arr3 = [];
$.each(text_boxes,
function(i, el) {
setTimeout(function() {
arr3.push(el);
if (arr3.length === text_boxes.length) {
$(".item.has-text", function(ii) {
$(this).find('.number span').text(arr3[i].number);
$(this).find('.sub-title span').text(arr3[i].sub_title);
});
}
}, 1 + Math.floor(Math.random() * 5));
});