Padrino 0.12.0، وCompass 0.12.2، وhaml 4.0.5، وZurb Foundation 5 (البرنامج المساعد "camorra") - جافا سكريبت لا تعمل
-
21-12-2019 - |
سؤال
لا أستطيع جعل مؤسسة زورب تعمل بشكل صحيح في بادرينو.يتم تجميع أوراق الأنماط وتحميلها، لكن الوحدات الأساسية لا تعمل.
http://intense-falls-2845.herokuapp.com/
هي نسخة هام من
http://foundation.zurb.com/templates/marketing.html
, ، ولكن لا القائمة المنسدلة ولا شريط التمرير المداري يعملان.تم إنشاء المشروع باستخدام:
$ padrino g project PadrinoFoundation -e haml -c compass -s jquery -b
$ padrino g plugin camorra
$ bundle install
مع بعض التعديلات على app/app.rb (إنشاء مسار)، وapp/stylesheets/application.scss (إزالة إشارات البوصلة إلى المخطط)، وapp/views/application.haml (التخطيط، اقرأ أدناه).
يمكن الاطلاع على هذه أدناه:
(طريق) https://github.com/bcsantos/PadrinoZurbFoundation/blob/master/app/app.rb
(ورقة الأنماط) https://github.com/bcsantos/PadrinoZurbFoundation/blob/master/app/stylesheets/application.scss
(تَخطِيط) https://github.com/bcsantos/PadrinoZurbFoundation/blob/master/app/views/application.haml
(المستودع الشامل) https://github.com/bcsantos/PadrinoZurbFoundation
فيما يتعلق بالتخطيط، اعتدت https://github.com/CIRCUITLLC/foundation_templates_haml/blob/master/haml/marketing.html.haml لكن كوني جديد في هامل ربما ارتكبت أخطاء.آمل أن يوجهني شخص ما في الاتجاه الصحيح حتى أتمكن من اكتشاف الأمور.
أي أفكار حول ما هو الخطأ؟
شكرا للقراءة.
المحلول
عدة أمور لاحظتها أثناء معاينة صفحتك:
خطأ 404 عند تحميل Modernizr:تحاول صفحتك تحميل Modernizr من
/javascripts/modernizr.js
ولكن الملف موجود بالفعل/javascripts/vendor/modernizr.js
(في الvendor
مجلد).المكونات الإضافية لجافا سكريبت الأساسية مفقودة:جارٍ تحميل صفحتك
/javascripts/foundation/foundation.js
ولكنه يحتوي فقط على الأساس الأساسي ولا يحتوي على أي من المكونات الإضافية (يتم تنفيذ القوائم المنسدلة للشريط العلوي وشريط تمرير Orbit كمكونات إضافية).يبدو أن الملف الذي تريد تحميله هو/javascripts/foundation.js
(مستوى واحد أعلى).مفتقد
data-
سمات لتشغيل المكونات الإضافية:يتم تنشيط الشريط العلوي والمكونات الإضافية لشريط تمرير Orbit بواسطةdata-
السمات في HTML (يمكنك العثور على هذه السمات في المصدر لـ http://foundation.zurb.com/templates/marketing.html).سوف تحتاج إلى أضف هذه الصفات إلى وجهة نظرك.
لست متأكدًا مما إذا كانت هذه التغييرات كافية لتشغيل صفحتك، ولكن يبدو أنها ضرورية لإجراء المزيد من التصحيح.
تحديث: الآن هناك ReferenceError: jQuery is not defined
حدث خطأ في JavaScript، تم تشغيله من مكتبة المؤسسة.بحسب المؤسسة تعليمات إعداد جافا سكريبت, ويجب تحميل jQuery وFastClick قبل البرنامج النصي (البرامج النصية) الأساسي.(سأتبع أيضًا هذه الوثائق وأقوم بتحميل jQuery أولاً، متبوعًا بـ FastClick، ثم Foundation.)
بالإضافة إلى ذلك، تحتوي جميع المتصفحات الرئيسية الآن على أدوات مطور مدمجة.أقترح استكشاف أدوات المطور للمتصفح الذي تختاره؛سيوفرون عليك الكثير من الوقت والجهد :-)