javascript - 向左滑动不起作用

Question

试图让父 div 在单击其中一个子项时向左滑动。但是，我收到以下错误消息：

未捕获的类型错误：对象# 的属性“#”不是函数

$(".Area").live("click", function () {
    $(".sliderAreas").hide('slide',{ direction: 'left' }, 1000);
})

<div class="clear sliderAreas">
    <h1>Area</h1>
    <h2>Please Select your Current Location</h2>  
    <br />
    <div class='SkiAreas' id="Report">
       <div class='Area'></div>
    </div>
</div>

如果我删除动画选项，默认的滑动动作会很好地发生。

Answer 1

这是因为您尝试使用的功能（即hide()方法中使用的参数）在 vanilla jQuery 中不可用 - 您需要记住jQuery UI在项目中包含该库。

jsFiddle在这里。