مشکل در استفاده از متد animate

[rsheytoonak]

سلام دوستان در کد زیر

$(".image").hover(function () {


$(".image").animate({ height: "350px"});

});

$(".image").mouseleave(function () {



$(".image").animate({ height: "300px" });

});
قسمت هاور درست کار میکنه و height شی اضافه میشه ولی mouseleave کار نمیکنه لطفا راهنمایی کنید که اشتباهم چی هست

[mehrvarzan]

از live استفاده کن

این شکلی
$(".image").live('mouseleave',function () {

[mehdi.mousavi]

سلام دوستان در کد زیر قسمت هاور درست کار میکنه و height شی اضافه میشه ولی mouseleave کار نمیکنه لطفا راهنمایی کنید که اشتباهم چی هست

سلام.
برای Handle کردن Mouse Leave در تابع hover (https://api.jquery.com/hover/) می تونید از پارامتر دوم این تابع استفاده کنید:

$('.image').hover(function () {
//In Handler
}, function(){
//Out Handler
});

تابع اول وقتی اجرا میشه که Mouse روی تصویر قرار بگیره و تابع دوم هنگامیکه Mouse از روی تصویر خارج بشه. ضمنا دقت کنید که در خط 4 و 12 کد خودتون، از $(this) استفاده کنید.

موفق باشید.

@mehrvarzan: اینجا نیازی به استفاده از live (https://api.jquery.com/live/) نیست، ضمن اینکه متود مزبور در نسخ های جدید jQuery وجود نداره و باید از on استفاده کرد.