当前位置:  开发笔记 > 编程语言 > 正文

在jquery中更改多个div位置

如何解决《在jquery中更改多个div位置》经验,为你挑选了1个好方法。

我试图使用jquery .each函数更改5 div的left/top值.目前,div在彼此之上产生,然后不受jquery的影响,在这个片段中也是如此.我需要更改什么才能让div移动到屏幕上的随机位置.

$(function() {
  var docHeight = $(window).height(),
    docWidth = $(window).width(),
    $div = $('.randomSpawn'),
    divWidth = $div.width(),
    divHeight = $div.height(),
    heightMax = docHeight - divHeight,
    widthMax = docWidth - divWidth;
  $div.each(function() {
    $(this).css("left", "Math.floor( Math.random() * widthMax )");
    $(this).css("top", "Math.floor( Math.random() * heightMax )");
  });
});
.randomSpawn {
  position: fixed;
  background-color: black;
  display: block;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}



1> Scimonster..:

你的代码是一个字符串.你需要它是正常的JS.;)

    $(this).css("left", Math.floor( Math.random() * widthMax ));
    $(this).css("top", Math.floor( Math.random() * heightMax ));

$(function() {
  var docHeight = $(window).height(),
    docWidth = $(window).width(),
    $div = $('.randomSpawn'),
    divWidth = $div.width(),
    divHeight = $div.height(),
    heightMax = docHeight - divHeight,
    widthMax = docWidth - divWidth;
  $div.each(function() {
    $(this).css("left", Math.floor( Math.random() * widthMax ));
    $(this).css("top", Math.floor( Math.random() * heightMax ));
  });
});
.randomSpawn {
  position: fixed;
  background-color: black;
  display: block;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}

推荐阅读
wangtao
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有