Question

我希望使用jQuery来加载具有影响css的随机边距的Div。下面是我正在尝试使用的脚本，尝试从1-500创建一个随机数，并将其作为边距加载。但我不是一个jQuery wiz，我错过了一些东西。

非常感谢你的帮助！

<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

你的选择者总是需要引号。

$('#randomnumbers').css()

此外，这取决于您，但我建议遵循标准格式约定。它使您的代码更清晰，也适合希望在期货中使用它的其他人。

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

Answer 2

问题是这个元素没有.load()事件，至少没有一个不会在加载时触发的事件，你需要这样的.each()：

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

You can test that here，或者因为你正在做一个元素，所以让它更简单：

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

You can test that version here

Jquery - 使用随机边距/位置加载div

2 个答案: