امین

2 سال پیش توسط امین مطرح شد

مشکل لود بوت استرپ

سلام من میخوام dropdown رو امتحان کنم و این کد ها رو عینن از روی خود بوت استرپ کپی کردم
الان دکمه برام dropdown میاد ولی وقتی روش کلیک میکنم هیچ اتفاقی نمیافته و زیر منو ها رو نشون نمیده

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap demo</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
  </head>
  <body>
    <h1>Hello, world!</h1>
    <div class="dropdown">
        <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
          Dropdown button
        </button>
        <ul class="dropdown-menu">
          <li><a class="dropdown-item" href="#">Action</a></li>
          <li><a class="dropdown-item" href="#">Another action</a></li>
          <li><a class="dropdown-item" href="#">Something else here</a></li>
        </ul>
      </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
  </body>
</html>

واقعا عجیبه :|

ثبت پرسش جدید

سید هادی خانیان

تخصص : برنامه نویس PHP

@hadikhanian 2 سال پیش مطرح شد

سلام.
کد تون هیچ ایرادی ندارد. من تست کردم و همه چیز درست بود.

شما باید بررسی کنید که سیستم به درستی تونسته به cdn.jsdelivr.net متصل بشه یا خیر

ارسال پاسخ

امین

@alavi.gavad 2 سال پیش آپدیت شد

اگه منظورتون اینه که برام فیلتر هست یا نه ، من با **** هم امتحان کردم (بعد پاک کردن کش) ولی بازم dropdown کار نمیکنه

ارسال پاسخ

سید هادی خانیان

تخصص : برنامه نویس PHP

@hadikhanian 2 سال پیش مطرح شد

خیر این سایت فیلتر نیست. و کد شما هم مشکلی ندارد.
پس دنبال مشکل روی مرورگر، console log و ... باشید.

ارسال پاسخ

رایموند

تخصص : مختصص وردپرس - برنامه نویس لار...

@Raymond 2 سال پیش مطرح شد

درود خوبی...
فایل bootstrap.bundle.js فراخوانی کنید.

ارسال پاسخ

Paria

@sadeparia 2 سال پیش آپدیت شد

با سلام ، وقتتون بخیر.
من هم مشکل مشابهی دارم. دکمه هست ولی گویا غیرفعاله. با کلیک هیچ اتفاقی نمیفته.

&lt;html lang="fa"&gt;

&lt;head&gt;  
&lt;meta charset="UTF-8"&gt;  
&lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;  
&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;  
&lt;title&gt;پرو موویز&lt;/title&gt;  
&lt;link rel="stylesheet" href="css/bootstrap.css"&gt;  
&lt;link rel="stylesheet" href="css/style.css"&gt;  
&lt;/head&gt;

&lt;body&gt;  
&lt;!-- top header --&gt;  
&lt;div class="container top-header"&gt;  
&lt;img src="image/logo.png" alt="logo header" width="70px"&gt;  
&lt;div class="instagram-icon"&gt;  
&lt;a href=""&gt;&lt;img src="image/instagram.png" alt="instagram" width="50px"&gt;&lt;/a&gt;  
&lt;/div&gt;  
&lt;/div&gt;

<!-- nav menu -->

<nav class="navbar navbar-expand-lg navbar-light bg-light" id="nav-menu" >
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarSupportedContent" style="background-color: #333; border-radius: 10px;">
        <div class="container">

            <ul class="navbar-nav">
                <li class="nav-item active">
                    <a class="nav-link" href="#" style="color: #fff; ">فیلم<span
                            class="sr-only"></span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#" style="color: #fff;">سریال</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#" style="color: #fff;">هنرمندان</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#" style="color: #fff;">تریلر ها</a>
                </li>
                <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="color: #fff;">
                        کشور
                    </a>
                    <div class="dropdown-menu dropdown-menu-right text-right" aria-labelledby="navbarDropdown">
                        <a class="drapmenu" href="#">لینک ۱</a>
                        <a class="drapmenu" href="#">لینک ۲</a>
                        <a class="drapmenu" href="#">لینک ۳</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</nav>

&lt;/body&gt;

&lt;script src="js/jquery-3.6.1.min.js"&gt;&lt;/script&gt;  
&lt;script scr="js/bootstrap.js"&gt;&lt;/script&gt;

&lt;script scr="js/javascript.js"&gt;&lt;/script&gt;  
&lt;script scr="js/bootstrap.bundle.js"&gt;&lt;/script&gt;

</html>
">

</body></html>

ارسال پاسخ

امین

@alavi.gavad 2 سال پیش مطرح شد

اگه حل شد ممنون میشم راه حل رو بگین

ارسال پاسخ

عرفان مصحفی

تخصص : توسعه دهنده وب (ترجیحا بک اند...

@emoshafi 2 سال پیش مطرح شد

مرورگر رو عوض کنید البته اگر از کروم استفاده میکنید روی edag تست نکنید روی مرورگر های دیگه مثل فایر فاکس یا اپرا چک کنید و اگر مشکل حل نشد :
از قسمت inspect قسمت console log چی براتون نمایش میده ؟؟

ارسال پاسخ

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

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

دوره‌های آموزشی

مسیرهای یادگیری

پیشرفت من

دوره‌های رایگان

گواهی پایان دوره

محبوب‌ترین آموزش‌ها

مشکل لود بوت استرپ

گزینش سوالات

گفت و گو های مرتبط

دسته ‌بندی سوالات

تگ‌های محبوب

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