Question

您可以在此处查看该页面（并查看问题）http://rssreaderbg.net/pubsubbub/example/cssexam/index.php 点击其中一个图标（行星，云等）。动画完成后，再次双击图标并再次重复整个动作。动画是错误的。如何修复？这是一个视频： http://www.screencast-o-matic.com/watch/cXnf2OlP2

问题是我不知道如何在双击时恢复原始图标位置。

修改：

现在我有另一个问题。这次触发双击事件时图标有一些延迟。你可以在这里看到它http://www.screencast-o-matic.com/watch/cXnhXElRz 如何消除延迟？

Answer 1

使用某种HTML属性标记.iconsss以告诉原始位置。

在第一次点击时，除了点击的图标外，其他所有图标都会消失，点击的图标将显示为“已选中”位置。看起来你基本上已经失败了。

然后双击显示所有图标并将所有图标重置为标有attr的原始位置。

Answer 2

试试这个：

var icon = '';

$(".iconsss").click(function() {

    if(icon != $(this).attr("id"))
    {
       icon = $(this).attr("id");
        // do everything else;
    }
});

Answer 3

在双击新动画之前，我放了$("#"+icon).stop(true);并且延迟已经消失。

jquery动画问题

3 个答案: