نوشته شده توسط
iranmsb
جناب موسوی من آخرین کدی رو که دارم رو براتون گذاشتم .
توی IE6 و IE8 هم تست کردم اما دومی رو درست نمایش نمیده و بعد از محو شدن اولی یهو دومی رو نشون میده! این در حالیه که توی Mozilaو Safari درست عمل میکنه. ممنون میشم بازم یک نگاهی به کد بندازید. با تشکر
سلام.
کدتون رو دیدم، راستش نمیدونم به چه دلیل این اتفاق میفته اما یه چیزی برام عجیبه! اونم اینکه چرا opacity المنت مورد نظر رو در همون Reader Handler صفر نمی کنید؟ به بیان دیگه، تعریف #div1 رو از توی CSS بطور کلی حذف کنید، سپس Ready Handler خودتون رو اینطور بنویسید:
$(function () {
var $div1 = $('#div1').css('opacity', 0), $div2 = $('#div2');
$div2.animate({ 'opacity': 0 }, 2000, function () {
$div1.animate({ 'opacity': 1 }, 2000);
});
});
اینطوری دیگه در Browser های دیگه هم مجبور نیستید CSS رو دستی اعمال کنید.