jQuery 切换动画不适用于新的 jQuery答案

【问题标题】：jQuery toggle animation doesn't work on new jQueryjQuery 切换动画不适用于新的 jQuery
【发布时间】：2014-01-27 21:04:09
【问题描述】：

我在 jQuery 1.8.2 上的这个切换有问题，但在 1.11.0 上没有。你能帮我看看有什么问题吗？

$('.open').toggle(function () {
    $('.obj').animate({
        top: "0"
    }, 500);
},function () {
    $('.obj').animate({
        top: "-8%",
    }, 500);
});

【问题讨论】：

当然，该方法已被删除。您将不得不使用 .click 并修改您制作动画的方式。
在 1.9 中移除。 api.jquery.com/toggle-event
幸运的是，没有人在企业级系统上升级 jQuery。

标签： jquery jquery-animate toggle

【解决方案1】：

如 cmets 中所述，您需要使用 click 方法执行此操作。下面是一个使用元素数据来存储状态的示例：

$('.open').on('click', function(){
    var isToggled = $(this).data('isToggled');
    if(isToggled){
        $('.obj').animate({
            top: "-8%",
        }, 500);
    } else {
      $('.obj').animate({
            top: "0"
        }, 500);
    } 

    $(this).data('isToggled', !isToggled)
});

【讨论】：