رفتن به مطلب

مشکل با لودر سایت


پست های پیشنهاد شده

سلام دوستان

من یه لودر با css ساختم میخواستم روی وب سایتم تست کنم. چطوری باید اینکار و انحام بدم که تا بالا اومدن سایت لودر کار کنه؟

اصلا میسه کاری کنیم که عمدا سایت بعد از نمایش لودر بالا بیاد؟

ممنون و سپاسگذار:)

لینک به ارسال

سلام و درود

 

در 15 دقیقه قبل، masoudch گفته است :

اصلا میشه کاری کنیم که عمدا سایت بعد از نمایش لودر بالا بیاد؟

برای اینکار اون div یا کلا المنتی لودر CSS که ساختید توش هست رو دقیقا بعد از شروع تگ body بذارید و انتهای تگ body هم با استفاده از کد زیر:

<script>
	jQuery(window).load(function() {
		jQuery('#loading').hide();
	});
</script>

میاید اون المنتی که لودر رو نمایش میده (اینجا فرض کردیم آیدیش loading هست) مخفی میکنید.

پ.ن : کدی که دادم وابسته به jQuery هست.

لینک به ارسال
در 1 دقیقه قبل، mehran-b گفته است :

پ.ن : کدی که دادم وابسته به jQuery هست.

درود

سپاس گذار. اما با وجودی که جی کوئری رو اضافه کردم کار نمیکنه!؟

jquery 3.2.1 این ورژن رو اضافه کردم.

لینک به ارسال
در هم اکنون، masoudch گفته است :

درود

سپاس گذار. اما با وجودی که جی کوئری رو اضافه کردم کار نمیکنه!؟

jquery 3.2.1 این ورژن رو اضافه کردم.

یعنی لودر نمایش داده میشه ولی محو نمیشه؟

لینک به ارسال
در 1 دقیقه قبل، mehran-b گفته است :

یعنی لودر نمایش داده میشه ولی محو نمیشه؟

بله. حتی اگه هیچ کد اسکریپتی هم اضافه نکنم لودر نمایش داده میشه چون فقط html , css هست. ولی با جاوا اسکریپت نمیتونم محوش کنم؟

لینک به ارسال
در هم اکنون، masoudch گفته است :

بله. حتی اگه هیچ کد اسکریپتی هم اضافه نکنم لودر نمایش داده میشه چون فقط html , css هست. ولی با جاوا اسکریپت نمیتونم محوش کنم؟

خوب احتمالش هست جی کوئری بعد از کدی که انتهای body فراخوانی میشه.

لینک به ارسال

این کدهایی که من قبل از بسته شدن تگ body گذاشتم.

<script src="jquery-3.3.1.min.js"></script>
    <script>
        jQuery(window).load(function(){
            jQuery(".loader").fadeOut(2000);
        });
    </script>

 

لینک به ارسال
در 2 دقیقه قبل، mehran-b گفته است :

جاوا اسکرپیت توی کنسول مرورگر اروری تولید نمیکنه؟

چرا این خطا رو میده.

Untitled.png

لینک به ارسال
در 1 دقیقه قبل، mehran-b گفته است :

اون کدی رو که دادم بردارید خطا از بین میره؟

بله. خودم الان خطارو که سرچ کردم یکی توی stackoverflow گفته که بخاظر ورژن jquery هست. فک کنم باید کد جدیدی برای این ورژنی که من استفاده میکنم باشه. یعنی اسکریپتی که شما گفتی باید بروزترش هم باشه.

لینک به ارسال
در 1 دقیقه قبل، masoudch گفته است :

بله. خودم الان خطارو که سرچ کردم یکی توی stackoverflow گفته که بخاظر ورژن jquery هست. فک کنم باید کد جدیدی برای این ورژنی که من استفاده میکنم باشه. یعنی اسکریپتی که شما گفتی باید بروزترش هم باشه.

بله حق با شماست.

<script>
	jQuery(window).on("load", function(){
		jQuery(".loader").fadeOut(2000);
	});
</script>

 

لینک به ارسال
در هم اکنون، mehran-b گفته است :

بله حق با شماست.


<script>
	jQuery(window).on("load", function(){
		jQuery(".loader").fadeOut(2000);
	});
</script>

 

زنده باد. خیلی ممنون. تصویری از متن راهنمای انگلیسی هم میزارم. خیلی خیلی سپاسگذارم از شما.:)

FireShot Capture 26 - jquery - _Uncaught TypeError_ a.indexO_ - https___stackoverflow.com_question.png

لینک به ارسال
در 2 دقیقه قبل، mehran-b گفته است :

بله حق با شماست.

شما میتونید یه منبع خوب حالا انگلیسی یا فارسی به من معرفی کنید که بتونم جاوا اسکریپت و جیکوئری رو خوب یادبگیرم. تا مدتی از w3schools استفاده میکردم به عنوان منبع ولی بنظرم زیاد خوب نمیاد.

لینک به ارسال

یه نکته دیگه. میخوام بدونم که اگه من مدت زمان لودر رو زیاد کنم این توی سئو سایت تاثیر منفی داره یا نه؟

لینک به ارسال
در هم اکنون، masoudch گفته است :

شما میتونید یه منبع خوب حالا انگلیسی یا فارسی به من معرفی کنید که بتونم جاوا اسکریپت و جیکوئری رو خوب یادبگیرم. تا مدتی از w3schools استفاده میکردم به عنوان منبع ولی بنظرم زیاد خوب نمیاد.

والا به روزترین سورس آموزش JS اینجاست.

https://developer.mozilla.org/fa/docs/Web/JavaScript

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

لینک به ارسال
در 3 دقیقه قبل، masoudch گفته است :

یه نکته دیگه. میخوام بدونم که اگه من مدت زمان لودر رو زیاد کنم این توی سئو سایت تاثیر منفی داره یا نه؟

دیگه خیلی هم زیادش نکنید ولی در کل خیر تاثیری نداره توی سئو ولی در حدی باشه که کار خیلی منتظر نمونه بهتره.

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...