向左滑動不起作用

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> 

如果我刪除了動畫選項，默認滑動操作很好發生。

Answer 1

這是因爲您嘗試使用的功能（即hide()方法中使用的參數）在vanilla jQuery中不可用 - 您需要記住在項目中包含jQuery UI庫。

jsFiddle here.