اذهب إلى المحتوى
  • 0

لدى مشكله بسيطه ملف js الخاص ب Bootstrap لا يعمل ارجو المساعده

Ahmed Osama21

السؤال

مبتدىء فى التعلم

واجهتنى مشكله عندما اضع كود ربط css  و Js  الخاصين بملفات Bootstrap 

فان ملف css  يعمل وملف Js  لا يعمل ( اقول ذلك لانه لا يوجد اى تأثير عند الضغط على الازرار او فتح dropmenue  تم اخذها من موقع bootstrap )

هذا هو الكود الموجود فى header  فى Html 

    <link rel="stylesheet" href="bootstrap/bootstrap.min.css">
    <script src="bootstrap/bootstrap.min.js"></script>

 

وهذه صورة الملفات الموجود 

Screenshot_4.png

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

Recommended Posts

  • 0

جرب أن تضع / قبل مسار الملفات حتى يتم اعتبار هذا المسار هو مسار نسبي relative path.

أي يمكنك كتابة ما يلي:

<link rel="stylesheet" href="/bootstrap/bootstrap.min.css">
<script src="/bootstrap/bootstrap.min.js"></script>

في حال لم ينجح الأمر أيضاً جرب وضع نقطة يليها / أي يصبح كما يلي:

<link rel="stylesheet" href="./bootstrap/bootstrap.min.css">
<script src="./bootstrap/bootstrap.min.js"></script>

يفترض أن يعمل بعد هذا التعديل، في حال لم يعمل فغالباً موقع ملف ال html غير صحيح، في تلك الحالة شاركنا كامل المجلد الخاص بمشروعك على شكل ملف مضغوط للتحقق منه.

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

  • 0

هذا هو المشروع اخى الحبيب اانى اتعلم فيه Bootstrap 

ارجو من حضرتك تقولى ايه المشكله عشان اتعلم 

شاكر ليك

Bootstrap Learn Project.rar

تم التعديل في بواسطة Ahmed Osama21
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 51 دقائق مضت قال Ahmed Osama21:

هذا هو المشروع اخى الحبيب اانى اتعلم فيه Bootstrap 

ارجو من حضرتك تقولى ايه المشكله عشان اتعلم 

شاكر ليك

Bootstrap Learn Project.rar 44.46 kB · 0 تنزيلات

يبدو أنك نسيت إضافة مكتبة Popper اللازمة لعمل ال bootstrap، و نقوم بإضافتها قبل ال script الخاص بال bootstrap كما يلي:

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>

تحياتي.

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

  • 0
بتاريخ 3 ساعة قال Kais Hasan:

يبدو أنك نسيت إضافة مكتبة Popper اللازمة لعمل ال bootstrap، و نقوم بإضافتها قبل ال script الخاص بال bootstrap كما يلي:

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>

تحياتي.

انا ضيفتها ومازل لا يعمل الجافا سكريبت ايه العمل ارجوك انا واقف والله مش عارف اكمل الدروس فى تعلم الجافا

ارسلت لحضرتك ملف المشروع

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

  • 0
بتاريخ 10 ساعة قال Ahmed Osama21:

انا ضيفتها ومازل لا يعمل الجافا سكريبت ايه العمل ارجوك انا واقف والله مش عارف اكمل الدروس فى تعلم الجافا

ارسلت لحضرتك ملف المشروع

عليك بإضافة Popper قبل استيراد ملف جافاسكريبت لمكتبة bootstrap أي كالتالي:

    <script
      src="https://fastly.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
      integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
      crossorigin="anonymous"
    ></script>
    <script src="bootstrap/bootstrap.min.js"></script>

حيث أن الكود يتم قرائته من الأعلى للأسفل وإذا قمت بإضافته بعد مكتبة bootstrap لن يتم العثور على Popper.

وتستطيع استخدام ملف bootstrap.bundle.js بدلاً من bootstrap.min.js حيث أن نسخة bundle مضمنة بداخلها Popper وبالتالي لن تحتاج إلى تضمين مكتبة Popper.

وأيضًا في حال أنك من مصر تجنب استيراد المكتبات من موقع jsdelivr أو تستطيع استبدال cdn التي في أول الرابط بكلمة fastly.

ومن الأفضل استخدام موقع https://cdnjs.com/

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

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...