对象＃<object>的属性“＃<object>”不是函数</object> </object>

Question

这是我的简单jQuery代码，用于隐藏/显示动态元素

$('.network').click(function() {
    if($("a[data-network='all']").hasClass('active')) {
        if($(this).data("network") !== "all") {
            var network = $(this).data('network');
            switch(network) {
                case "fb":
                    $(".facebook").hide("slide", { direction: "up"  }, 2000);
                break;
                case "tw":

                break;
                case "all":

                break;
            }
        }
    } 
});

运行click()函数时，它将Uncaught TypeError: Property '#<Object>' of object #<Object> is not a function推送到console.log

错误来自此行

$(".facebook").hide("slide", { direction: "up"  }, 2000);

Answer 1

您需要使用jQuery-ui和jQuery来支持这种隐藏功能格式。

jQuery提供的默认hide()函数只需要两个参数 - 持续时间和完整回调，但jQuery-UI提供的the one支持更多选项

因此，您可以在项目中包含jQuery-UI或将代码更改为

$(".facebook").slideUp(2000);