على الرغم من أن هذه الطريقة ممكنة تقنيًا، إلا أنها ليست النهج الأفضل.
بدلًا من استخدام وسوم script و $(document).ready في jQuery، من الأفضل العمل بشكل صحيح مع نظام العرض الخاص بـ Ember.
للبدء، يُفضل إنشاء مستودع لمكوّن السمة (theme component) مع هيكل مجلدات مناسب لمكوّن السمة الخاص بك. اطّلع على واجهة سطر الأوامر discourse_theme حيث ستقوم بإنشاء هذا الهيكل نيابةً عنك، مما يسهّل عليك تطوير المكوّن. (وبديلًا عن ذلك، يوجد أيضًا هيكل السمة إذا كنت بحاجة إلى الهيكل فقط دون الميزات الأخرى الموجودة في واجهة سطر أوامر السمة).
من هنا، سأستخدم الأدوات التي يوفرها Discourse للتوسع، مثل apiInitializers، و pluginAPI، ومخارج الإضافات (plugin outlets)، وغيرها، لتحقيق ما تحاول فعله.
أفضل طريقة للتعلم حول هذه الأمور هي تصفح دليل المطورين هنا على Meta (خاصة أقسام السمة/مكوّن السمة). بالإضافة إلى ذلك، أنصحك بزيارة فئة Customization > Theme component والاطلاع على مستودعات GitHub الخاصة بها. ستساعدك مراجعة أكوادهم وطرق تحقيقهم للأغراض المختلفة أيضًا.
أتمنى أن يكون هذا مفيدًا!