مختاری
2 سال پیش توسط مختاری مطرح شد
4 پاسخ

حرکت نکردن المان قبل از لود کامل

سلام دوستان وقتتون بخیر، من یه قالبی طراحی کردم(faraztec.ir) توی همون صفحه چند المان با حرکت ماوس حرکت میکنن، وقتی که صفحه لود میشه اگر سریع ماوس و ببریم رو اون المان(که یکیش همون مکعب صفحه اصلی هست) طبق کد حرکت نمیکنه و به هم خورده میشه اما اگه چند ثانیه صبر کنیم و بعد ماوس و ببریم روش قشنگ کار میکنه، راهکاری برای این مشکل دارین، میخوام تا قبل از اینکه فایل جاوا اسکریپتم کامل لود نشد اونا اصلا حرکت نکنن یا یه جوری فقط درست حرکت کنن. ممنون میشم راهنماییم کنین


ثبت پرسش جدید
فاطمه کاظمی زاده
تخصص : Senior front-end در هولدینگ دک...
@kazemi 2 سال پیش آپدیت شد
1
  1. یک کلاس مستقل به اون دایو اضافه کنین مثلا

    <div class="my_class "></div>

    بعد کلاس انیمه شدن یا هاور شدنش رو در سی اس اس به اسم کلاس دیگه ای بنویسید مثلا

    .my_class.is_animated {...}

    و تمام استایل های هاور شدن یا انیمیشن شدن رو به این کلاس دوم انتساب بدید
    و داخل اسکریپت یک کد بنویسید که زمانی که صفحه لود شد، کلاس دوم به این المان اضافه بشه

<script>
    window.addEventListener('DOMContentLoaded', (event) => {
        document.querySelector('.my_class').classList.add('is_animated')
    });
</script>

این ترفند کاری که میکنه، وقتی تمام دام مرورگر شما لود شد، این حالت انیمیشن رو بهش اضافه میکنه


مختاری
تخصص : دارنده گروه کامپیوتری توسعه فن...
@a.mokhtari71 2 سال پیش مطرح شد
0

مرسی از جوابتون، کد من جی کوئری هست و خودش .ready داره، اینو میزارم دیگه کدم کار نمیکنه،


CyrusKabir
تخصص : توسعه دهنده فرانت اند
@CyrusKabir 2 سال پیش مطرح شد
0

سلام رفیق امیدوارم حالت خوب باشه. عنصری که میگید حتی با لود کامل هم با حرکت ماوس کار نمیکنه و اگه محیط کنسول مروگرتون رو بالا بیارید میبینید قبل از رویداد mousemove توی رویداد mouseout ارور وجود داره. و خطایی هم که هست احتمالا مربوط به انتخاب اون عنصر قبل از لود کامل DOM هست. که اگر این خط ها رو توی بلاک ready قرار بدین احتمالا مشکل حل شه .


مختاری
تخصص : دارنده گروه کامپیوتری توسعه فن...
@a.mokhtari71 2 سال پیش مطرح شد
0

بله کدش رو تغییر دادم، مرسی از جوابتون🙏


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام