اجرا نشدن انیمیشن

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

سلام وقت بخیر

کدهای انیمیشن رو مثلا ویدیو نوشتم ولی انیمیشن اجرا نمیشه دلیلش چیه؟

دستور hide اجرا میشه و تگ‌ها درست هستن ولی animate اجرا نمیشه

jQuery('.animate').on('click',function (e){
    e.preventDefault();
    // jQuery('.box').hide();
    jQuery('.box').animate(keyframes:{
        right:'200px', width:'250px'
    });
})

با سلام

در کدی که نوشتید اگر قرار هست keyframe تنظیم شود کدهای زیر را از مستندات jQuery مطالعه کنید

$.keyframe.define()
$(".box").playKeyframe()

خود کلید‌های keyframe برای انیمیت کردن استفاده می‌شوند.

موفق باشید

بهنام مرادی ۰۱ شهریور ۱۴۰۱، ۰۸:۴۲

من دقیقا مثل ویدیو نوشتم پس چطور بدون این دو مورد در ویدیو نوشته و اجرا شد؟

elahe kelich ۰۱ شهریور ۱۴۰۱، ۰۹:۴۶

سلام مجدد

اگر منظور شما دقیقه 18 ویدیو هست باید بگم اشتباه برداشت کردید! واژه keyframes را خود ide phpstorm به عنوان hint اضافه کردهاست.

در واقع وقتی از تابع animate جی کوئری استفاده شد و {} در ان باز شد خود پی اچ پی استورم تشخیص می‌دهد که باید مقادیری تحت عنوان keyframes وارد شوند.

در تمامی موارد زمانی که متنی به صورت کمرنگ و با : توسط خود ادیتور اضافه شده مفهوم Hints را می‌رساند.

لینک زیر را برای درک بهتر مطالعه کنید:

Phpstorm Hints

در واقع کد شما باید باشد :

jQuery('.animate').on('click',function (e){
    e.preventDefault();
    jQuery('.box').animate({
        right:'200px', width:'250px'
    });
})

امیدوارم متوجه شده باشید

بهترین پاسخ

بهنام مرادی ۰۱ شهریور ۱۴۰۱، ۱۲:۰۶

دقیقا همینطور بود

در مورد hint نمیدونستم

خیلی ممنون از راهنماییتون

elahe kelich ۰۲ شهریور ۱۴۰۱، ۰۴:۳۵