Jquery - 무작위 여백/위치로 div로드

Question

CSS에 영향을 미치는 임의의 여백으로 div를로드하려면 jQuery를 사용하려고합니다. 아래는 내가 사용하려고하는 스크립트이며 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() 필요 하나의 요소를 수행하고 있으므로 다음과 같이 간단하게 작성하십시오.

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

You can test that version here

Answer 2

선택자는 항상 따옴표로 묶어야합니다.

$('#randomnumbers').css() 

또한 귀하에게 달렸지 만 표준 서식 규칙을 따르는 것이 좋습니다. 그것은 당신과 미래에 그것을 사용하고자하는 다른 사람들을 위해 코드를 명확하게 만듭니다.

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

You can test that here, 또는 :

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