问独立于同一类的动画元素
EN

Stack Overflow用户

提问于 2013-09-18 19:48:57

回答 1查看 151关注 0票数 0

我有一个带有多个嵌套无序列表的无序列表。我试图独立地将多个嵌套的<ul></ul>动画到包含的div中的一个随机位置。我得到了随机位置部分，但是它给每个嵌套的<ul></ul>，而不是给每个嵌套的位置是自己的随机位置。在下面的HTML中，我试图给每个类mapStart-second一个独特的随机位置，在这种情况下，它们都得到了相同的位置。

示例HTML

<ul id="mapStart">  

    <li id="mapStart-first">

        <ul class="mapStart-second">
            <li></li>
        </ul>

        <ul class="mapStart-second">
            <li></li>
        </ul>

    </li>

</ul>

JS/jQuery

jQuery('#mapStart-first').one('mouseenter', function() {
    jQuery(this).find('.mapStart-second').fadeIn('slow').animate({
        top: Math.floor((Math.random()*aw_positionY)),
        left: Math.floor((Math.random()*aw_positionX)),
    });     
});

变量aw_positionsX和aw_positionY也被动态设置并正确工作。

javascript

jquery

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-09-18 19:52:15

您需要一个循环，否则将向每个动画传递相同的随机值：

jQuery('#mapStart-first').one('mouseenter', function() {
    jQuery(this).find('.mapStart-second').fadeIn('slow').each(function() {
        $(this).animate({
            top: Math.floor((Math.random()*aw_positionY)),
            left: Math.floor((Math.random()*aw_positionX)),
        });   
    });  
});

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18881074

复制

相似问题

问独立于同一类的动画元素
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问独立于同一类的动画元素EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问独立于同一类的动画元素
EN