http://koreanwordgame.com/
Эта страница сначала загружает 4 слова в опции DIV через Ajax, а затем рандомизирует правильный ответ с помощью следующей функции, передавая DIV, содержащий элементы, которые должны быть рандомизированы, в качестве аргумента:
var random = function(r){
r.children().sort(function(a,b){
var temp = parseInt( Math.random()*10 );
return( temp%2 );
}).appendTo(r);
};
random($("#option"));
<div id="option">
<div class="option" id="option1" style="background-color: rgb(229, 232, 238); ">light</div>
<div class="option" id="option4" style="background-color: rgb(183, 190, 204); ">pot</div>
<div class="option" id="option2" style="background-color: rgb(183, 190, 204); ">garlic press</div>
<div class="option" id="option3" style="background-color: rgb(183, 190, 204); ">habitant</div>
</div>
Проблема в том, что в Safari правильный ответ всегда находится в верхней позиции ...
А в IE 7 и 8 он находится в верхней позиции гораздо чаще, чем нет.
Я знаю, что можно было бы сделать функцию "более случайной", используя там временную метку или что-то в этом роде, но я изо всех сил пытаюсь заставить ее работать должным образом.