0

我追求的是改进我的代码。我目前正在做的是我有一堆有图像的 div,它们都绝对定位在一个相对容器中。div的顶部和左侧位置是使用一些JS计算的。

$('.each-artist-landing-image-container').each(function() {
    $(this).css({ 
        'top':  Math.floor((Math.random() * 300) + 1) + 'px', 
        'left': Math.floor(Math.random() * 400 + 1) + 'px' 
    });
});

然而,我不希望发生的事情是由于位置......由于位置是随机的,它们有时会脱离相对容器。

有什么方法可以计算顶部和左侧的位置但不脱离相对容器?我猜它需要获取图像宽度,然后确保宽度不在容器之外?

在此先感谢,

4

1 回答 1

0

您的猜测是正确的,代码将稍作修改,如下所示:

$('.each-artist-landing-image-container').each(function() {
    var $this = $(this);
    $this.css({ 
        'top':  Math.floor((Math.random() * (300 - $this.height())) + 1) + 'px', 
        'left': Math.floor(Math.random() * (400 - $this.width()) + 1) + 'px' 
    });
});
于 2013-09-20T10:58:06.077 回答