标签: jquery-transit

我想点击一个div并旋转另一个div然后再次点击第一个div时另一个div旋转回原来的位置.

如果需要,我可以参考这个库http://ricostacruz.com/jquery.transit.

是否可以通过jquery为CSS属性转换设置动画？

$('.myButtons').animate({"transform":"translate(50px,100px)"})

它在许多浏览器中都有效吗？

演示不起作用:http://jsfiddle.net/ignaciocorreia/xWCVf/

更新:

我的解决方案

1. 简单的实现 - http://jsfiddle.net/ignaciocorreia/R3EaJ/
2. 复杂的实现和多浏览器 - http://ricostacruz.com/jquery.transit/

有时使用特定文本,使用CSS3进行转换.我不知道它发生的原因,因此我不能在jsfiddle中重新创建它.

但是你可以在这里看第4张幻灯片(5张戒指)

http://jashwant.github.io/kickass-slider/

很酷的文字会留下痕迹,而动画和路径会在一段时间后被删除.但是其他文本没有任何痕迹也没问题.我无法找出问题所在.

我该如何避免这种痕迹？

(我使用的是最新的linux chrome 26.0.1410.63)

ps我正在使用jquery-transit来制作动画.

见图Cool.

更新:

这是更详细的答案

我已经加载了jQuery传输,我确保在加载jQuery之后我做了,但我仍然得到这个错误:

我查看了Chrome中的资源面板,并在jQuery之后加载了jQuery传输.它也正确加载,并显示没有问题.

我还在控制台中进行了测试,测试了网站上的示例.他们都返回同样的错误.

这是我的代码:

  $("#current-employers a.industry-company-link").click(function (e)
    {
        e.preventDefault();
        var url = $(this).attr("href");
        var company_container = $("#current-company-profile");
        company_container.load(url);
        company_container.transition({
            y: ($(this).offset().top - company_container.offset().top)
        });
        console.log("container offset: " + company_container.offset().top + "\nURL offset: " + $(this).offset().top);
    });

我带来的脚本:

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery-1.8.0.min.js"></script>

        <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.transit/0.1.3/jquery.transit.min.js"></script>

谢谢你的帮助.