PDA

View Full Version : تکرار شدن دستورات داخل mouseenter و mouseleave با حرکت موس روی المنت



alasht
جمعه 01 اردیبهشت 1391, 13:41 عصر
با سلام خدمت دوستان
یه سوال داشتم ممنون میشم دوستان پاسخ بدم
فرض کنید من کد زیر رو نوشتم

$("#mydiv").mouseenter(function(){
$("a",this).fadeIn(600);
}).mouseleave(function(){
$("a",this).fadeOut(600);
});

فرض کنید من 10 بار پشت سر هم موس رو میبرم رو المنتم و میارم بیرون و این افکت هم 10 بار پشت سرهم تکرار میشه در صورتی که موس رو اوردم بیرون
چیکار کنم که همچین اتفاقی نیفته و اگر موس رو اوردم بیرون دیگه دستورات تکرار نشه
امیدورارم متوجه منظورم شده باشید
با تشکر

cyrusthegreat
جمعه 01 اردیبهشت 1391, 14:20 عصر
دوست عزیز

برای این منظور شما باید قبل از fade کردن المنت متد stop رو فراخونی کنید. همچنین پیشنهاد می کنم بجای mouseenter و mouseleave از hover استفاده کنید که کنترل بهتری بهتون می ده. در آخر هم برای اینکه جلوگیری کنید از مشکلاتی که stop بعضا ایجاد می کنه بجای fadeIn(600) از fadeTo(600,1) و بجای fadeOut از fadeTo(600,0) استفاده کنید.

Saber Mogaddas
جمعه 01 اردیبهشت 1391, 17:30 عصر
سلام
به صورت زیر عمل کن..


$("#mydiv").mouseenter(function(){
$("a",this).stop().fadeIn(600);
}).mouseleave(function(){
$("a",this).stop().fadeOut(600);
});



موفق باشی..