اذهب إلى المحتوى
  • 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

 

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

Recommended Posts

  • 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 و تعريفها بشكل عام , و بالتالي فسيتم إستعمالها من طرف البوتستراب بشكل عادي . 

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

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

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

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...