• 0

عدم تجاوب مكتبة jQuery and Popper

عدم استجابة مكتبة jQuery and Popper  نسخة ال "bootstrap": "5.0.0 

    "jquery": "3.6.0",     "popper.js": "1.16.1",

هل يوجد تضارب بالنسخ المحملة ؟ أم هيه مناسبة و الخلل بالأكواد التي تمت كتابتها ؟

و بالنسبة لل Bootstrap كيف بإمكانني تخطي الاختلاف بين النسخة 4.5 و 5 خصوصا ببعض الحالات لا يكون الاختلاف واضح بالjs

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0

في حال أنك لم تقم بوضع تعريف الجافا سكربت cdn  قبل المحتوى فلن يتم التعرف على هذه المكتبة و إستخدتامها لذى عليك التحقق من ترتيب المكتبات و أين يتم وضع تعريفها في الصفحة بحيث أن ال popper مكتبة تقوم فعليا على إستخدام الجافا سكربت فعليك وضعها قبل المحتوي كالتالي و قبل الjquery  أيضا كالتالي :

<title>PAGE</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<body></body>

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0
بتاريخ 9 دقائق مضت قال Nuhla Almasri:

في حال أنك لم تقم بوضع تعريف الجافا سكربت cdn  قبل المحتوى فلن يتم التعرف على هذه المكتبة و إستخدتامها لذى عليك التحقق من ترتيب المكتبات و أين يتم وضع تعريفها في الصفحة بحيث أن ال popper مكتبة تقوم فعليا على إستخدام الجافا سكربت فعليك وضعها قبل المحتوي كالتالي و قبل الjquery  أيضا كالتالي :


<title>PAGE</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<body></body>

 

عن طريق ال webpack loader  تم تنزيل المكتبات هل يوجد تضارب بالنسخ التي تم تنزيلها؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0
بتاريخ 47 دقائق مضت قال عطاف الدسوقي:

عن طريق ال webpack loader  تم تنزيل المكتبات هل يوجد تضارب بالنسخ التي تم تنزيلها؟

لا يوجد أي تضارب بين النسخ الموصوفة . قد يحدث مشكل في حالة خطأ في تثبيت الحزم , في إضافتها للبوتستراب أو في ترتيب ملفات السكربتات ( الـ cdn ) مثل ما أشارت المدربة@Nuhla Almasri . 

وكونك قد استعملت webpack لتثبيت الحزم يجدر بك التأكد من أنك قد قمت بإضافة jQuery و Popper كـ peerDependencies بملف package.json . كما يمكنك ذلك عن طريق الأمر :

npm install --save jquery popper.js

بعد ذلك يمكنك تنزيل الـ bootstrap الذي يعتمد عليهما بشكل طبيعي عن طريق مدير الحزم npm .

أما ان كنت قد قمت بتنزيل الحزمتين بشكل منفصل فيجب عليك طبعا إضافة هاته الأدوات إلى مصفوفة الـ plugins على هذا النحو : 

plugins: [
  // ...
  new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery',
    'window.jQuery': 'jquery',
    Popper: ['popper.js', 'default']
  })
  // ...
]

بحيث أن هذا سيقوم بتضمين الدوال و التوابع المصدرة عن ملفات Popper و jQuery و تعريفها بشكل عام , و بالتالي فسيتم إستعمالها من طرف البوتستراب بشكل عادي . 

كما يمكنك أيضا , وهو المقترح عمله طبقا للتوثيق الرسمي لبوتستراب , الإستعانة بهاته الحزمة في استيراد المكونات الإضافية بشكل فردي و منفصل .

إن استمرت مشكلتك بالظهور يمكنك إرفاق ملفات المشروع حتى نقوم بمساعدتك بشكل أفضل .  

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن