عند تجربة الرابطين اللذين قمت بمشاركتهما، يظهر أن السبب الرئيسي لعدم عمل الكود في JSFiddle هو ترتيب تحميل السكربتات. في CodePen، يقوم الموقع تلقائيًا بتضمين السكربتات في الجزء الصحيح من صفحة HTML، مما يجعل السكربت الخاص بك يعمل بشكل صحيح. أما في JSFiddle، يمكن أن تؤثر عملية تحميل السكربتات الخارجية في تنفيذ الكود بشكل صحيح.
لحل هذه المشكلة في JSFiddle، يمكنك تغيير إعدادات التحميل لجعل الكود يعمل بنفس الطريقة التي يعمل بها في CodePen. يمكنك فعل ذلك عن طريق تغيير إعدادات التحميل من “onLoad” إلى “No wrap – in ” أو “No wrap – in ” من قائمة “JavaScript” في JSFiddle.
بعد تغيير هذه الإعدادات، يجب أن يعمل الكود بنفس الطريقة التي يعمل بها في CodePen.
المزيد من المعلومات
بالتأكيد! إضافةً إلى ما ذكرته حول ترتيب تحميل السكربتات، هناك عوامل أخرى قد تؤثر على عمل الكود في JSFiddle بشكل مختلف عن CodePen:
-
إعدادات الإعتمادية (Dependencies): في JSFiddle، يمكنك إضافة مكتبات أو إطارات عمل (Frameworks) إلى مشروعك من خلال إعدادات الإعتمادية. قد تحتاج إلى التأكد من أن الإصدارات المستخدمة متوافقة مع بعضها البعض، حيث أن تضمين إصدار غير متوافق قد يؤثر على عمل الكود.
-
الإعدادات العامة للصفحة (Page Settings): يمكنك تعيين إعدادات عامة للصفحة في JSFiddle مثل لغة HTML وCSS وJavaScript. تأكد من أن الإعدادات تتوافق مع متطلبات الكود الذي تحاول تشغيله.
-
الأخطاء في الكود: تأكد من أن الكود المكتوب لا يحتوي على أخطاء تعطل تنفيذه. قد تحتاج إلى فحص وتصحيح الأخطاء البرمجية قبل أن يعمل الكود بشكل صحيح.
باستكشاف هذه العوامل ومراجعة إعدادات JSFiddle الخاصة بمشروعك، يجب أن تتمكن من تشغيل الكود بنجاح مثلما يحدث في CodePen.
