javascript - 向左滑动不起作用

Question

尝试让父 div 在其子项之一被单击时向左滑动。但是，我收到以下错误消息:

Uncaught TypeError: Property '#' of object # is not a function

$(".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>

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

Answer 1

那是因为您尝试使用的功能(即 hide() 方法中使用的参数)在 vanilla jQuery 中不可用 - 您需要记住包含 jQuery UI元素中的库。

jsFiddle here.