Foundation-sites: التبادل لا يعمل على img & div

تم إنشاؤها على ٢٧ يوليو ٢٠١٦  ·  3تعليقات  ·  مصدر: foundation/foundation-sites

التبادل في المؤسسة 6.2.3 لا يعمل على img و div
تعرض وحدة التحكم "Uncaught ReferenceError: عذرًا ،" التبادل "ليس أسلوبًا متاحًا لهذا العنصر."
يعمل نفس DOM على الأساس 5.

كيف يمكننا إعادة إنتاج هذا الخطأ؟

  1. قم بإعداد بنية dom والمكتبات js المطلوبة.
  2. تحقق من وحدة التحكم

ماذا تتوقع أن يحدث؟
التغيير عند تغيير حجم المتصفح

ماذا حدث بدلا من ذلك؟
لاشىء على الاطلاق. لا توجد صورة ، لا تغيير في DOM.

حالة اختبار:
مؤسسة 5 مثال عملي:
مؤسسة 6 مثال لا يعمل

التعليق الأكثر فائدة

يجب أن أكون أعمى أو شيء لم أشاهده يتم تحديث بنية الأقواس. الآن كل شيء على ما يرام. ومع ذلك ، فإن النحو صارم حقًا:

[https://website.com/image_small.jpg, small] بخير لكن
[https://website.com/image_small.jpg,small] ليس جيدًا.

شكرا على كل حال

ال 3 كومينتر

قضايا متعددة هنا.

أولاً ، كما هو موضح في قسم Javascript من وثائق Foundation 6 ، يتم الآن استبدال reflow من Foundation 5 بـ reInit في Foundation 6:

لكن في الواقع لا تحتاج إلى reInit أي شيء هنا ، نظرًا لأنك لا تقوم بحقن محتوى HTML بعد تحميل الصفحة.

هناك مشكلة أخرى وهي بناء جملة التبادل الخاص بك:

  • المؤسسة 5: [https://website.com/image_small.jpg, (small)]
  • مؤسسة 6: [https://website.com/image_small.jpg, small] (لاحظ أنه لا يوجد أقواس)

الخطأ الأخير هو أنك تستخدم Foundation 5 CSS مع Foundation 6 JS.

هنا كود العمل: https://codepen.io/anon/pen/qNKXGV

يجب أن أكون أعمى أو شيء لم أشاهده يتم تحديث بنية الأقواس. الآن كل شيء على ما يرام. ومع ذلك ، فإن النحو صارم حقًا:

[https://website.com/image_small.jpg, small] بخير لكن
[https://website.com/image_small.jpg,small] ليس جيدًا.

شكرا على كل حال

مرحبًا ، أنا أستخدم حاليًا تبادل البيانات للصور على نقاط توقف مختلفة ،
المشكلة هي عندما لا أعطي أي مصدر صورة لشاشة صغيرة (كمبيوتر لوحي) ،
وعندما أقوم بتغيير حجم النافذة من الكمبيوتر اللوحي إلى سطح المكتب أو الجهاز اللوحي إلى الهاتف المحمول ، فإنني أحصل على مصدر غير معروف لسطح المكتب والجوال على الرغم من وجود صور لكل من نقاط التوقف
هل يمكن لأي شخص مساعدتي في حل المشكلة.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات