progromer
3 سال پیش توسط progromer مطرح شد
7 پاسخ

کار نکردن drop downدرbootstarp

سلام دوستان من می خوام یه drop downدرست کنم کد رو ازw3schoolمستقیم کپی میگرم میندازم تو ادیتور اما بدون هیچ اروری کار نمی کنه
توضیح تصویر رو وارد کنید


ثبت پرسش جدید
مهدی شاه عباسیان
تخصص : برنامه نویس
@shahabbasian 3 سال پیش آپدیت شد
3

سلام

آیا از وجود داشتن و درست ضمیمه شدن فایل های JS اطمینان دارید ؟

اگر از ورژن چهار بوت استرپ استفاده میکنید چک کنید که حتما فایل jquery و bootstrap.bundle.min.js توی پروژه ران شده باشن
و اگر از نسخه 5 فایل bootstrap.bundle.min.js به درستی ضمیمه شده باشه

مثل این مثال خود بوت استرپ 4 که انتهای فایل سورس رو ببینید:

https://getbootstrap.com/docs/4.6/examples/album/
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
      <script>window.jQuery || document.write('<script src="/docs/4.6/assets/js/vendor/jquery.slim.min.js"><\/script>')</script><script src="/docs/4.6/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>

  </body>
</html>

progromer
@pwyazyzzadhbna 3 سال پیش مطرح شد
0

@mehdi.shahabbasian
بله همه چی درسته کلاس های دیگه بوت استرپ برام درست کار میکنه اما این droplistنه نمیدونم علت الیش چی میتونه باشه ورژن بوت استرپی ام که استفاده میکنم 4.6.0


progromer
@pwyazyzzadhbna 3 سال پیش مطرح شد
0

@mehdi.shahabbasian
من در reactدار از بوت استرپ استفاده میکنم باید جی کوئری رو نصب کنم


نیما - ش
تخصص : برنامه نویس وب
@nimageneral 3 سال پیش مطرح شد
0

واسه این ورژن بوت استرپ شما نیاز به جی کوئری دارید


مهدی شاه عباسیان
تخصص : برنامه نویس
@shahabbasian 3 سال پیش مطرح شد
0

@pwyazyzzadhbna خود فایل بوت استرپ و به تنهایی و بدون react تست کنید بدون jquery ببینید چه اتفاقی براش می افته!

اگر تونستید باهاش کار کنید که هیچ اما اگر نه پس فایل های مورد نیازشو بهش تغذیه کنید


حدیثه مطلوب
تخصص : فرانت اند
@hadisematloob 3 سال پیش مطرح شد
-1

سلام
از آدرس زیر تگ های اسکریپتی مربوطه رو قرار بدید داخل سند htmlتون
https://getbootstrap.com/docs/5.0/getting-started/introduction/


سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 3 سال پیش مطرح شد
0

کلا نباید جی کوئری رو توی ریکت استفاده کرد ممکنه تداخل کد داشته باشه، شما باید از react-bootstrap توی پروژه تون استفاده کنید


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام