fadeToggle() 不工作答案

【问题标题】：fadeToggle() not workingfadeToggle() 不工作
【发布时间】：2011-06-16 21:54:28
【问题描述】：

我在使用fadeToggle()时遇到了一个奇怪的错误

head 部分中的 jquery 库是： jquery-1.4.2.min.js

这是一个简单的功能：

 $(function(){
         $("#div1").click(function () {
                $("#div2").fadeToggle();
            });

            $("#div3").click(function () {
                $("#div4").fadeToggle();
            });
        });

  </script>

这是萤火虫的错误

$("#div2").fadeToggle is not a function

我尝试将 jquery 库更改为 - jquery.js 但随后所有 jquery 插件停止工作并且错误相同

知道是什么原因造成的

谢谢

巴罗兹

【问题讨论】：

看看我编辑的答案以解决问题:)

标签： jquery

【解决方案1】：

fadeToggle 功能仅适用于 jQuery 1.4.4 及更高版本。

【讨论】：

【解决方案2】：

fadeToggle 是在 1.4.4 中添加的 http://api.jquery.com/fadeToggle/

所以，这就是为什么，尝试将您的 jQuery 版本更新到最新版本，应该很好！

ps：请确保在升级之前阅读重大更改，b/c 从早期的 1.4 ->1.5+ 开始有一些相当大的更改

您可以使用动画来伪造 FadeToggle：

$('#Div1').click(function(){

    if($('#Div2').css('opacity') == 1){

        $('#Div2').animate({opacity:0}, 1000);
    }
    else{
        $('#Div2').animate({opacity:1}, 1000);
    }

});

看看我的小提琴： http://jsfiddle.net/B73Sj/3/

【讨论】：

【解决方案3】：

fadeToggle()“添加的版本：1.4.4”。

【讨论】：

【解决方案4】：

fadeToggle 是在 1.4.4 版本中添加的——如果不更新 jQuery，您将无法使用它。

【讨论】：

我试过ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js,but它停止了所有的插件，为什么？它是不同的库吗？

【解决方案5】：

http://api.jquery.com/fadeToggle/

添加的版本：1.4.4

更新到最新版本，再试一次:)

【讨论】：