Jquery - загрузка div со случайными полями / позицией

Question

Я хочу использовать jQuery для загрузки Div со случайными полями, влияющими на CSS.Ниже приведен скрипт, который я пытаюсь использовать, пытаясь создать случайное число от 1 до 500 и загружая его в качестве поля.Но я не мастер jQuery, и мне чего-то не хватает.

Большое спасибо за помощь!

<script type="text/javascript">

$(function(){

$("#randomnumber").load(function() {

            var numRand = Math.floor(Math.random()*501);


        $("#randomnumber").css("marginRight",numRand);


});

});

</script>



<div id="page-wrap">


        <div id="randomnumber">BIG BOY</div>

 </div>

Answer 1

Проблема в том, что для этого элемента нет события .load(), по крайней мере, не одного, которое не будет срабатывать при нагрузке, вам нужен .each() какэто:

$("#randomnumber").each(function() {
  var numRand = Math.floor(Math.random()*501);
  $(this).css({'margin-left': numRand});
});​

Вы можете проверить это здесь , или, поскольку вы делаете один элемент, упростите его следующим образом:

var numRand = Math.floor(Math.random()*501);
$("#randomnumber").css({'margin-left': numRand});​

Вы можете проверить эту версию здесь .

Answer 2

ваши селекторы всегда должны быть в кавычках.

$('#randomnumbers').css()

Кроме того, это зависит от вас, но я бы предложил следующие стандартные правила форматирования. Это делает ваш код более понятным для вас и для тех, кто хотел бы использовать его в будущем.

$(document).ready(function(){
    $("#randomnumber").load(function() {
         var numRand = Math.floor(Math.random()*501);
         $(this).css({'margin-right': numRand});
    });
});