Jquery - 加载带有随机边距/位置的div

发布于 2024-09-14 05:54:24 字数 489 浏览 9 评论 0原文

我希望使用 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>

原文

I'm looking to use jQuery to load Divs with random margins effecting the css. Below is the script I'm attempting use, trying to create a number random from 1-500, and loading that as the margin. But I'm not a jQuery wiz, and I'm missing something.

Thanks so much for the help!

<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>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

琉璃繁缕 2024-09-21 05:54:24

问题是没有 .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});

您可以在此处测试该版本。

The problem is there is no .load() event for this element, at least not one that'll won't fire on load, you need a .each() like this:

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

You can test that here, or since you're doing one element, make it simpler like this:

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

You can test that version here.

回复收藏 0 原文

┈┾☆殇 2024-09-21 05:54:24

您的选择器始终需要用引号引起来。

$('#randomnumbers').css()

另外，这取决于您，但我建议遵循标准格式约定。它使您的代码对您和其他想要在未来使用它的人来说更加清晰。

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

your selectors always need to be in quotes.

$('#randomnumbers').css()

Also, it's up to you, but I would suggest following standard formatting conventions. It makes your code clearer for you and for others who would like to use it in the futures.

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

回复收藏 0 原文

~没有更多了~