سؤال

لدي مثال محدد ، لكنني أبحث عن الإجابة بشكل عام أيضًا. لدي عناصر صفحات أريد أن أخفيها في البداية إذا تم تمكين JavaScript.

أمثلة:

  1. قسم من النموذج يتبديل
  2. زر إرسال لمربع تحديد "نموذج القفز"

أحاول تجنب "فلاش المحتوى" عندما يتم إخفاء العناصر بعد تحميل الصفحة.


المحلول

أنا أضع الحل الكامل هنا من أجل الأجيال القادمة.

ملف JavaScript <head> الجزء: document.documentElement.className = 'js';

الأنماط التي تسمح بعناصر مخفية أو معروضة في البداية:

.js .inithide {
    display: none;
}
.initshow {
    display: none;
}
.js .initshow {
    display: block;
}
هل كانت مفيدة؟

المحلول

تحقق من هذا الحل. لقد عملت بالنسبة لي في الماضي:

http://www.learningjquery.com/2008/10/1-way-to-avoid-the-flash-of-unstyled-content

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top